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属性の等号記号の前後のスペースの一貫性を気にしない場合は、このルールをオフにすることができます。