Eslint-plugin-react: Rule proposal: forbid innerHTML prop on DOM element tags

Created on 26 Jul 2016  路  1Comment  路  Source: yannickcr/eslint-plugin-react

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' }} />
help wanted new rule

Most helpful comment

Name: dom-elements-no-inner-html?

>All comments

Name: dom-elements-no-inner-html?

Was this page helpful?
0 / 5 - 0 ratings