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

### 它的作用

此规则禁止使用 `dangerouslySetInnerHTML` 属性。

### 这为什么不好？

`dangerouslySetInnerHTML` 是一种将 HTML 注入到你的 React
组件中的方式。这很危险，因为它很容易导致 XSS
漏洞。

### 示例

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

```jsx
import React from "react";

const Hello = <div dangerouslySetInnerHTML={{ __html: "Hello World" }}></div>;
```

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

```jsx
import React from "react";

const Hello = <div>Hello World</div>;
```

## 如何使用

## 版本

此规则于 v0.0.14 中添加。

## 参考资料