taro react eslint的issue记录：Unexpected usage of doublequote. eslint(jsx-quotes)

在使用taro框架的react来编写小程序时，遇到一个小的代码eslint问题，在这里记录一下。

问题截图：

问题描述：

Unexpected usage of doublequote. eslint(jsx-quotes)

从上面的问题截图中可以看出，自从使用taro init出的项目，自带了eslint的配置，在我编写的一小段代码中，classname右侧使用了双引号，但是eslint提示，不希望使用双引号的写法。

那么只要使用单引号包裹classname，那么这个提示就会消失的，但是我的visual studio code中已经对我其他的项目都配置是使用单引号的写法，所以我要单独配置当前的小程序eslint规则（taro工程中有一个.eslintrc文件）。

我们看一下taro react小程序工程中的eslint规则：

{
  "extends": ["taro/react"],
  "rules": {
    "react/jsx-uses-react": "off",
    "react/react-in-jsx-scope": "off"
  }
}

那么我想要eslint的双引号的提示消失，就需要在这个文件中进行配置，只需要增加一个jsx-quotes的配置，如下：

{
  "extends": ["taro/react"],
  "rules": {
    "react/jsx-uses-react": "off",
    "react/react-in-jsx-scope": "off",
    "jsx-quotes": "off"
  }
}

再来看看刚刚的代码eslint提示：

至此记录。