@stylistic/

jsx-equals-spacing

强制或禁止在 JSX 属性中的等号周围使用空格。

规则详情

此规则通过要求或禁止在 = 前后使用一个或多个空格，来强制执行 JSX 属性中等号周围空格的一致性。

规则选项

该规则有两个选项

• "always" 强制在等号周围使用空格
• "never" 禁止在等号周围使用空格（默认）

根据您的编码约定，您可以在配置中指定任一选项

"@stylistic/jsx/jsx-equals-spacing": [2, "always"]

never

当使用 "never" 配置时，此规则的错误代码示例

<Hello name = {firstname} />;
<Hello name ={firstname} />;
<Hello name= {firstname} />;

当使用 "never" 配置时，此规则的正确代码示例

<Hello name={firstname} />;
<Hello name />;
<Hello {...props} />;

always

当使用 "always" 配置时，此规则的错误代码示例

<Hello name={firstname} />;
<Hello name ={firstname} />;
<Hello name= {firstname} />;

当使用 "always" 配置时，此规则的正确代码示例

<Hello name = {firstname} />;
<Hello name />;
<Hello {...props} />;

何时不使用它

如果您不关心 JSX 属性中等号周围空格的一致性，可以关闭此规则。