Rule proposal: enforce shape of dangerouslySetInnerHTML · jsx-eslint/eslint-plugin-react#711

(2 评论) (0 反应) (0 负责人)JavaScript (2,797 fork)batch import

help wantednew rulequestion

仓库指标

React will issue a warning if you try to use dangerouslySetInnerHTML with a value of the wrong shape.

This should be easy enough to enforce for most cases with a linter rule.

Bad:

<div dangerouslySetInnerHTML={{ }} />

<div dangerouslySetInnerHTML={{ html: 'HTML' }} />

<div dangerouslySetInnerHTML={true} />

Good:

<div dangerouslySetInnerHTML={{ __html: 'HTML' }} />

研究方向: 检查现有的 React ESLint 规则（例如 jsx no literals）以了解模式，然后创建一个新规则，当 dangerouslySetInnerHTML 不是包含 html 键的对象时发出警告。
技术栈: javascriptreact
领域: frontendtooling
议题类型: 功能
难度: 2
预计时间: 1-3 小时
活动状态: 活跃
清晰度: 清晰
前置要求: JavaScriptReactESLint
新手友好度: 80