React 禁止带子元素的危险设置 HTML

注意：此规则包含在以下规则集中：reactfresh

在 deno.json 中启用完整集合

{
  "lint": {
    "rules": {
      "tags": ["react"] // ...or "fresh"
    }
  }
}

使用 Deno CLI 启用完整集合

deno lint --rules-tags=react
# or ...
deno lint --rules-tags=fresh

通过将其添加到 deno.json 文件中的 include 或 exclude 数组，可以将此规则显式地包含到或排除出当前标签中的规则。

{
  "lint": {
    "rules": {
      "include": ["react-no-danger-with-children"],
      "exclude": ["react-no-danger-with-children"]
    }
  }
}

将 JSX 子元素与 dangerouslySetInnerHTML 一起使用是无效的，因为它们将被忽略。

无效示例

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

有效示例

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

您找到所需内容了吗？