@stylistic/jsx/

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 属性中等号周围空格的一致性，则可以关闭此规则。