ESLint、JSX内で中括弧を埋める方法は？

Question

私は現在、react/jsx-curly-spacingを使用してJSX内の中括弧の間にスペースを追加しています。これは小道具には効果的ですが、小道具には適していません。例えば

、

<div> 
    {this.renderSomething()} 
</div> 

は、私が試した

<div> 
    { this.renderSomething() } 
</div> 

になる必要があります。

"react/jsx-curly-spacing": [2, "always", { 
    "allowMultiline": false, 
    "spacing": {"objectLiterals": "always"} 
}], 
"object-curly-spacing": [2, "always"] 

をしかし、これらのいずれも望ましい結果を持っています。

どのようにESLintを使用してこれを達成できますか？ JSX要素の糸くずの子どもたちへの設定に"children": true,を追加

Answer 1

試してみてください。

"react/jsx-curly-spacing": [2, "always", { 
    "allowMultiline": false, 
    "children": true, 
    "spacing": {"objectLiterals": "always"} 
}],