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