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

但它强制属性括号中的空格，允许组件的内容有空格。

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

Answer 1

我尝试了以下规则：

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

检查这是否适合您。