Closed
Description
https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/no-danger-with-children.md
This rule helps prevent problems caused by using children and the dangerouslySetInnerHTML prop at the same time.
React will throw a warning if this rule is ignored.
Rule Details
Examples of incorrect code for this rule:
<div dangerouslySetInnerHTML={{ __html: "HTML" }}>
Children
</div>
<Hello dangerouslySetInnerHTML={{ __html: "HTML" }}>
Children
</Hello>React.createElement("div", { dangerouslySetInnerHTML: { __html: "HTML" } }, "Children");
React.createElement("Hello", { dangerouslySetInnerHTML: { __html: "HTML" } }, "Children");Examples of correct code for this rule:
<div dangerouslySetInnerHTML={{ __html: "HTML" }} />
<Hello dangerouslySetInnerHTML={{ __html: "HTML" }} />
<div>
Children
</div>
<Hello>
Children
</Hello>React.createElement("div", { dangerouslySetInnerHTML: { __html: "HTML" } });
React.createElement("Hello", { dangerouslySetInnerHTML: { __html: "HTML" } });
React.createElement("div", {}, "Children");
React.createElement("Hello", {}, "Children");Metadata
Assignees
Type
Projects
Status
Done