Skip to main content

jsx-no-danger-with-children

Using JSX children together with dangerouslySetInnerHTML is invalid as they will be ignored.

Invalid:

<div dangerouslySetInnerHTML={{ __html: "<h1>hello</h1>" }}>
  <h1>this will never be rendered</h1>
</div>;

Valid:

<div dangerouslySetInnerHTML={{ __html: "<h1>hello</h1>" }} />;

Did you find what you needed?

Privacy policy