# jsx-quotes
强制在 JSX 属性中一致地使用双引号或单引号
一些该规则报告的问题可以通过 --fix 命令行选项 自动修复
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='c' />
此规则使用默认 "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="c" />
此规则使用 "prefer-single" 选项的正确代码示例：
/*eslint jsx-quotes: ["error", "prefer-single"]*/
<a b='c' />
<a b="'" />
# 何时不使用
如果你不使用 JSX 或者你不关心 JSX 属性中引号的一致使用，你可以关闭这个规则。
← indent key-spacing →