如何在eslintrc文件中配置react/no-unescaped-entities允许单引号？

你猜的没错——这个规则确实没有allow配置项，但我们可以通过调整forbid数组来实现你想要的效果！

规则原理说明 #

react/no-unescaped-entities的设计逻辑是：指定哪些字符必须被转义，而不是“允许哪些字符不转义”。默认情况下，它会强制要求转义', ", >, <, &这些字符。所以要允许单引号不用转义，你只需要把'从默认的禁止列表中移除即可。

正确配置示例 #

把你的ESLint配置改成这样：

"react/no-unescaped-entities": ["error", {
  "forbid": ["\"", ">", "<", "&"]
}]

这里我们保留了其他需要转义的字符，只移除了单引号，这样ESLint就不会再因为你使用未转义的单引号而报错了。

扩展说明 #

如果你还想允许其他字符（比如双引号），只需要把对应的字符也从forbid数组中删除就行。比如同时允许单引号和双引号的配置：

"react/no-unescaped-entities": ["error", {
  "forbid": [">", "<", "&"]
}]

内容的提问来源于stack exchange，提问作者Fabio Felizzi