jsx-quotes

強制在 JSX 屬性中使用雙引號或單引號的統一性

🔧

此規則報告的一些問題可以透過 --fix 命令列選項自動修正

此規則在 ESLint v8.53.0 中已棄用。請使用 @stylistic/eslint-plugin-js 中的對應規則。

JSX 屬性值可以包含字串文字，這些字串文字使用單引號或雙引號分隔。

<a b='c' />;
<a b="c" />;
1
2

與 JavaScript 中的字串文字不同，JSX 屬性中的字串文字不能包含跳脫引號。如果您想要在 JSX 屬性值中包含雙引號，則必須使用單引號作為字串分隔符。

<a b="'" />;
<a b='"' />;
1
2

規則詳情

此規則強制在 JSX 屬性中使用雙引號或單引號的統一性。

此規則有一個字串選項

此規則使用預設 "prefer-double" 選項的不正確程式碼範例

在線上遊樂場開啟

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

<a b='c' />;
1
2
3

此規則使用預設 "prefer-double" 選項的正確程式碼範例

在線上遊樂場開啟

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

<a b="c" />;
<a b='"' />;
1
2
3
4

此規則使用 "prefer-single" 選項的不正確程式碼範例

在線上遊樂場開啟

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

<a b="c" />;
1
2
3

此規則使用 "prefer-single" 選項的正確程式碼範例

在線上遊樂場開啟

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

<a b='c' />;
<a b="'" />;
1
2
3
4

如果您不使用 JSX，或不關心 JSX 屬性中引號的統一使用，則可以關閉此規則。

此規則在 ESLint v1.4.0 中引入。

編輯此頁面