Do not inject unsanitized HTML

Docs > Code Analysis > Static Analysis Rules > Do not inject unsanitized HTML

Cette page n'est pas encore disponible en français, sa traduction est en cours.
Si vous avez des questions ou des retours sur notre projet de traduction actuel, n'hésitez pas à nous contacter.

Metadata

ID: javascript-browser-security/react-dangerously-inner-html

Language: JavaScript

Severity: Warning

Category: Security

Description

Always sanitize HTML data before injecting it in the DOM. Use libraries such as DOMPurify before using it.

Non-Compliant Code Examples

const App = () => {
  const data = `lorem <b onmouseover="alert('mouseover');">ipsum</b>`;

  return (
    <div
      dangerouslySetInnerHTML={{__html: data}}
      foobar={{foo: bar}}
    >
    </div>
  );
}

Compliant Code Examples

const App = () => {
  const data = `lorem <b onmouseover="alert('mouseover');">ipsum</b>`;

  return (
    <div
      dangerouslySetInnerHTML={{__html: sanitize(data)}}
    />
  );
}