ESLint, wie geschweifte Klammern in JSX flinst?

Question

Ich benutze zur Zeit react/jsx-curly-spacing, um den Abstand zwischen geschweiften Klammern in JSX hinzuzufügen. Das funktioniert gut für Requisiten, aber nicht für Kinder darin.

Zum Beispiel

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

werden sollen

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

Ich habe versucht:

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

Aber keiner von ihnen hat das gewünschte Ergebnis.

Wie erreiche ich dies mit ESLint?

Answer 1

Versuchen "children": true, auf die Einstellung zu Flusen Kinder von JSX Elemente hinzufügen:

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