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

檢查是否適合您。