jsx-eslint/eslint-plugin-react

Rule proposal: forbid innerHTML prop on DOM element tags

開放

#712 建立於 2016年7月26日

 (1 則留言) (0 個反應) (0 位負責人)JavaScript (2,731 個分叉)batch import
help wantednew rule

倉庫指標

星標
 (9,293 顆星)
PR 合併指標
 (PR 指標待抓取)

描述

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

https://github.com/facebook/react/blob/85dcbf83/src/renderers/dom/shared/ReactDOMComponent.js#L182-L184

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

Bad:

<div innerHTML='HTML' />

Good:

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

貢獻者指南