jsx-equals-spacing
JSX 属性内の等号の周りの空白を強制するか禁止します。
ルール詳細
このルールでは、=の前後に 1 つ以上の空白が必要になるか禁止されることで、JSX 属性内の等号の周りの空白の一貫性が強制されます。
ルールオプション
このルールには 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 属性内の等号の周りの空白の一貫性が問題でない場合は、このルールをオフにすることができます。