jsx-quotes
强制在 JSX 属性中一致使用双引号或单引号
🔧 可修复
此规则报告的一些问题可以通过 --fix 命令行 选项自动修复。
此规则已在 ESLint v8.53.0 中**弃用**。请使用 相应的规则 在 @stylistic/eslint-plugin-js 中。
JSX 属性值可以包含字符串字面量，这些字面量用单引号或双引号分隔。
<a b='c' />;
<a b="c" />;
与 JavaScript 中的字符串字面量不同，JSX 属性内的字符串字面量不能包含转义的引号。如果您想在 JSX 属性值中包含例如双引号，则必须使用单引号作为字符串分隔符。
<a b="'" />;
<a b='"' />;
规则详情
此规则强制在 JSX 属性中一致使用双引号或单引号。
选项
此规则有一个字符串选项
"prefer-double"（默认）强制对所有不包含双引号的 JSX 属性值使用双引号。"prefer-single"强制对所有不包含单引号的 JSX 属性值使用单引号。
prefer-double
此规则使用默认 "prefer-double" 选项时，错误代码示例
在代码游乐场中打开
/*eslint jsx-quotes: ["error", "prefer-double"]*/
<a b= />;
此规则使用默认 "prefer-double" 选项时，正确代码示例
在代码游乐场中打开
/*eslint jsx-quotes: ["error", "prefer-double"]*/
<a b="c" />;
<a b='"' />;
prefer-single
此规则使用 "prefer-single" 选项时，错误代码示例
在代码游乐场中打开
/*eslint jsx-quotes: ["error", "prefer-single"]*/
<a b= />;
此规则使用 "prefer-single" 选项时，正确代码示例
在代码游乐场中打开
/*eslint jsx-quotes: ["error", "prefer-single"]*/
<a b='c' />;
<a b="'" />;
何时不使用它
如果您不使用 JSX 或不关心在 JSX 属性中一致使用引号，则可以关闭此规则。
相关规则
版本
此规则是在 ESLint v1.4.0 中引入的。