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

(2 留言) (0 反應) (0 負責人)JavaScript (8,630 star) (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' }} />

技術棧: javascriptreact
領域: developer experiencetooling
議題類型: feature
難度: 2
預計時間: 1-3 hours
活動狀態: stale
清晰度: clear
前置要求: JavaScriptReactESLint plugin development basics
新手友善度: 70
研究方向: Examine the existing rules in eslint plugin react (e.g., lib/rules/) for structure. Understand how to write an ESLint rule using AST selectors. The issue references a React source file (ReactDOMComponent.js) for the expected shape. Implement a rule that checks the argument to dangerouslySetInnerHTML matches { html: string }.