← Back to rules

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" }} />

如何使用

要通过配置文件或 CLI 启用 此规则，可以使用：

配置文件 (.oxlintrc.json)

{
  "plugins": ["react"],
  "rules": {
    "react/no-danger-with-children": "error"
  }
}

CLI

oxlint --deny react/no-danger-with-children --react-plugin

参考资料

• 规则源码