ESLint 规则生成器
指南
探索
En
Star on GitHub
规则详情
简单描述一下需要的 ESLint 规则
React JSX 中不允许 number 数字类型直接和 &&（逻辑和） 使用
给出代码示例
错误：
const num = 0; const Home = (props: { gender: number; text: string; obj: { gender: number } }) => { const { gender, text } = props; const isValid = true; return ( <div> {num && <p>Hello</p>} {gender && <p>Hello</p>} {gender && isValid && <p>Hello</p>} {props?.obj?.gender && <p>Hello</p>} {foo() && <p>Hello</p>} {text && <p>Hello</p>} </div> ); }; function foo(): number { return 0; }
正确：
const num = 0; const Home = (props: { gender: number; text: string; obj: { gender: number } }) => { const { gender, text } = props; const isValid = true; return ( <div> {!!num && <p>Hello</p>} {!!gender && <p>Hello</p>} {!!gender && isValid && <p>Hello</p>} {!!props?.obj?.gender && <p>Hello</p>} {!!foo() && <p>Hello</p>} {text && <p>Hello</p>} </div> ); }; function foo(): number { return 0; }
EslintGPT
复制
722
