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