Eslint jsx-curly-spacing特定格式

Question

我试图在React的jsx部分为卷曲间距编写特定规则，但我无法找出正确的组合。

我的目标是以下情况：

<Component attr1={this.props.val1} attr2={{ object: { key: value } }}>
  { this.props.text }
</Component>

现在这是我使用的规则：

"react/jsx-curly-spacing": ["warn", {
  "when": "always",
  "spacing": { "objectLiterals": "never" }
}]

但是它会强制属性括号中的空格，但允许Component的内容有空格。

任何人对如何编写正确的规则有任何想法？

Answer 1

我已经尝试了以下规则：

"key-spacing": ["error", { "beforeColon": false, "afterColon": true}],
"react/jsx-curly-spacing": ["warn", {
  "when": "never",
  "children": {
    "when": "always"
  }
}]

检查这是否合适。