Rule proposal: forbid innerHTML prop on DOM element tags · jsx-eslint/eslint-plugin-react#712

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

help wantednew rule

描述

React will issue a warning in dev if you try to use pass innerHTML prop to a DOM element tag.

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

Bad:

<div innerHTML='HTML' />

Good:

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

技术栈: javascriptreact
领域: toolingdeveloper experience
议题类型: feature
难度: 3
预计时间: 1-2 days
活动状态: stale
清晰度: clear
前置要求: JavaScriptReactESLint plugin developmentAST basics
新手友好度: 70
研究方向: Examine the React DOM component source linked in the issue to understand the warning condition. Review existing rules in eslint plugin react, such as no danger with children, for implementation patterns. Check the single comment on the issue for any additional context. Investigate the rule creation process: adding to rules/index.js, writing tests, and documentation. Consider edge cases like custom components using innerHTML correctly or props spreading.