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

(1 comment) (0 reactions) (0 assignees)JavaScript (8,630 stars) (2,797 forks)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
Issue 種別: 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.