Reactjs ESLint，如何在JSX中去掉花括号？

我目前正在使用react/jsx curly space在jsx中添加花括号之间的间距。这对道具很有用，但对里面的孩子却不行

比如说,

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

但这两者都没有达到预期的效果

如何使用ESLint实现这一点？

尝试将

“children”：true，

添加到JSX元素的lint子元素的设置中：

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

尝试将

“children”：true，

添加到JSX元素的lint children的设置中：

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

---

谢谢，不知怎的错过了文档中的儿童部分！FWIW我以

“react/jsx curly space”：[2，{“when”：“always”，“attributes”：{“allowMultiline”：false}，“children”：true}]

谢谢，不知怎么错过了文档中的children部分！FWIW I以

“react/jsx curly space”：[2，{“when”：“always”，“attributes”：{“allowMultiline”：false}，“children”：true}]

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