---
url: /docs/guide/usage/linter/rules/react/no-danger-with-children.md
---

### 它的作用

不允许 DOM 元素同时使用 `children` 和 `dangerouslySetInnerHTML` 属性。

### 为什么这不好？

如果忽略此规则并同时使用 `children` 和 `dangerouslySetInnerHTML`，React 会抛出警告。

### 示例

此规则的**错误**代码示例：

```jsx
<div dangerouslySetInnerHTML={{ __html: "HTML" }}>子元素</div>;
React.createElement("div", { dangerouslySetInnerHTML: { __html: "HTML" } }, "子元素");
```

此规则的**正确**代码示例：

```jsx
<div>子元素</div>
<div dangerouslySetInnerHTML={{ __html: "HTML" }} />
```

## 如何使用

## 版本

此规则已在 v0.9.6 中添加。

## 参考资料