react/no-danger-with-children 正确性

✅ 此规则默认为启用。

作用

在 DOM 元素同时使用 children 和 dangerouslySetInnerHTML 属性时禁止使用。

为什么这样不好？

如果忽略此规则且同时使用 children 和 dangerouslySetInnerHTML，React 将会发出警告。

示例

此规则的错误代码示例

<div dangerouslySetInnerHTML={{ __html: "HTML" }}>Children</div>;
React.createElement("div", { dangerouslySetInnerHTML: { __html: "HTML" } }, "Children");

此规则的正确代码示例

<div>Children</div>
<div dangerouslySetInnerHTML={{ __html: "HTML" }} />

参考

• 规则来源