Rules for safe logical expressions in JSX
You'll first need to install ESLint:
npm i eslint --save-devNext, install eslint-plugin-jsx-expressions:
npm install eslint-plugin-jsx-expressions --save-devAdd jsx-expressions to the plugins section of your .eslintrc configuration file. You can omit the eslint-plugin- prefix:
{
"plugins": ["jsx-expressions"]
}Then configure the rules you want to use under the rules section.
{
"rules": {
"jsx-expressions/strict-logical-expressions": "error"
}
}- jsx-expressions/strict-logical-expressions: Enforces logical "&&" expressions do not use potentially falsey numbers or strings.