コンテンツにスキップ

@stylistic/

jsx-equals-spacing

JSX属性の等号記号の前後のスペースを強制または禁止します。

ルールの詳細

このルールは、JSX属性の等号記号の前後のスペースの一貫性を強制します。= の前後に1つ以上のスペースを必須または禁止します。

ルールオプション

このルールには2つのオプションがあります。

  • "always" は等号記号の周りのスペースを強制します
  • "never" は等号記号の周りのスペースを禁止します(デフォルト)

コーディング規約に応じて、設定でオプションを指定して選択できます。

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

never

"never" で設定した場合の、このルールに違反する誤ったコードの例

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

"never" で設定した場合の、このルールに準拠する正しいコードの例

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

always

"always" で設定した場合の、このルールに違反する誤ったコードの例

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

"always" で設定した場合の、このルールに準拠する正しいコードの例

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

使用しない場合

JSX属性の等号記号の前後のスペースの一貫性を気にしない場合は、このルールをオフにすることができます。

MITライセンスの下でリリースされています。