jsx-quotes

强制在 JSX 属性中一致地使用双引号或单引号

一些该规则报告的问题可以通过 --fix 命令行选项 自动修复

JSX 属性值可以包含用单引号或双引号分隔的字符串字面。

<a b='c' />
<a b="c" />

与 JavaScript 中的字符串字面不同，JSX 属性中的字符串字面不能包含转义引号。如果你想拥有例如JSX 属性值中的双引号，您必须使用单引号作为字符串分隔符。

<a b="'" />
<a b='"' />

规则详情

此规则强制在 JSX 属性中一致地使用双引号或单引号。

选项

iUBjM40SPBc84UHpTbhTXsqjfMLBa6laeAzGXZqZpBVXyz5IauXehqHLkVOssi9B

5XTjmB44LsDZxunWYKWcDeMRPUkud2AjaONG/Hwcjh51UjDxRzIwhijaHQu2N7QAmQ3DnFUq5WaWM5zwXQa/i86f1y/vJVPxCyYKWpJwFiMFDqZ6xh+DGXRgf+mNyvxy2gAirEu53DwQ8PSSBJnBcn05FpXo59gxSupZl+xI+7Ptq+cFP9vNBmKua66ztx3nikDU8FkHk5qLw3+sKX8QCvhrF6VG9SnGyw1zVGBbyplzHXW+v2jh/O8ci44fXYGTjUN9Nix1ERNHdWD6AYOEeTo53RvQXKMJXAb1y2cvjQC8Jw5uSjC9/1hwZxlIBu92

prefer-double

UC6gNaibYrBNtz3KfP9EeuqlpxkeUugIQr4bbNm+2qysAPYay2Ho4lJTtZBbwsHb1+L22VqW6Gw/xjxGRkVZ3bUQe1Clfc+Aw13F9dsmhV6SEe6GZsF99ssJXSYa7MHi

/*eslint jsx-quotes: ["error", "prefer-double"]*/

<a b='c' />

UC6gNaibYrBNtz3KfP9EeuqlpxkeUugIQr4bbNm+2qysAPYay2Ho4lJTtZBbwsHbdZ1mPc0Kl4d9OeIUzhaFtWNhKV5g9hbX+79ek9Q+0Hzt7+Lk9GsnGmSl2S3jkoEU

/*eslint jsx-quotes: ["error", "prefer-double"]*/

<a b="c" />
<a b='"' />

prefer-single

zsV3VIEaArmSNnLhUR0dDy5hv5qA48w8F06DcCqEfCPhrWja6dV0Vv1btdA3xHeXo8OhE1LZPhJkYXDFD4BbxbJAyHy6GFRQpH8MyKX/CDE=

/*eslint jsx-quotes: ["error", "prefer-single"]*/

<a b="c" />

zsV3VIEaArmSNnLhUR0dDy5hv5qA48w8F06DcCqEfCPhrWja6dV0Vv1btdA3xHeXKgXUAZ/6sZ8CX9DLi5OBLv+uKflQzKXThG68x6O9fqo=

/*eslint jsx-quotes: ["error", "prefer-single"]*/

<a b='c' />
<a b="'" />

何时不使用

82WkciiRGXRn8ucq+3zFo56fddwRL+3uBpk3Ay0TDOhJ9UM7k76jdISG8vs6B7yzhI79f2rDmNnzkkmuvU28dyopyyQJtzsA2nffp/BAnnvWHi8WCdVAegHBshfc3PXV7UcRPCecd4YyxgFnyEX0gA==