Eslint jsx-curly-spacing 特定格式
Eslint jsx-curly-spacing specific format
我正在尝试为 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 的内容具有空格。
有人对如何编写正确的规则有任何想法吗?
我试过以下规则:
"key-spacing": ["error", { "beforeColon": false, "afterColon": true}],
"react/jsx-curly-spacing": ["warn", {
"when": "never",
"children": {
"when": "always"
}
}]
检查这是否适合您。
我正在尝试为 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 的内容具有空格。
有人对如何编写正确的规则有任何想法吗?
我试过以下规则:
"key-spacing": ["error", { "beforeColon": false, "afterColon": true}],
"react/jsx-curly-spacing": ["warn", {
"when": "never",
"children": {
"when": "always"
}
}]
检查这是否适合您。