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"
  }
}]

检查是否适合您。