Reactjs JSX中的ESLint附加括号
我注意到在我的jsx文件中使用逻辑AND(&&&)将额外的括号添加到我的多行条件呈现中。例如,此代码来自React文档Reactjs JSX中的ESLint附加括号,reactjs,jsx,eslint,Reactjs,Jsx,Eslint,我注意到在我的jsx文件中使用逻辑AND(&&&)将额外的括号添加到我的多行条件呈现中。例如,此代码来自React文档 {unreadMessages.length > 0 && <h2> You have {unreadMessages.length} unread messages. </h2> } 这是我无意中造成的,还是有充分的理由?如果没有,我如何防止这种情况?这似乎是杀伤力过大。这似乎是由于将逻辑语法类型设置为“忽略”,
{unreadMessages.length > 0 &&
<h2>
You have {unreadMessages.length} unread messages.
</h2>
}
这是我无意中造成的,还是有充分的理由?如果没有,我如何防止这种情况?这似乎是杀伤力过大。这似乎是由于将
逻辑
语法类型设置为“忽略”
,这似乎是由于将逻辑
语法类型设置为“忽略”
造成的,并且可以通过将逻辑
语法类型设置为“忽略”
来防止
{unreadMessages.length > 0 && (
<h2>
You have {unreadMessages.length} unread messages.
</h2>
)}
"eslintConfig": {
"root": true,
"parser": "babel-eslint",
"parserOptions": {
"ecmaVersion": 6,
"sourceType": "module",
"ecmaFeatures": {
"jsx": true,
"impliedStrict": true
}
},
"env": {
"browser": true,
"node": true,
"es6": true,
"mocha": true
},
"plugins": [
"react"
],
"extends": [
"eslint:recommended",
"plugin:react/recommended"
],
"rules": {
"computed-property-spacing": [
"error"
],
"indent": [
"error",
2
],
"jsx-quotes": [
"error"
],
"key-spacing": [
"error"
],
"no-case-declarations": [
"off"
],
"no-console": [
"off"
],
"no-var": [
"error"
],
"object-curly-spacing": [
"error",
"always"
],
"prefer-const": [
"error"
],
"quotes": [
"error",
"single",
{
"avoidEscape": true,
"allowTemplateLiterals": true
}
],
"react/no-children-prop": "off",
"react/prop-types": "off",
"semi": [
"error",
"never"
]
}
}