---
url: /docs/guide/usage/linter/rules/react/jsx-no-comment-textnodes.md
---

### 作用

此规则可防止注释字符串（例如以 `//` 或 `/*` 开头的字符串）被意外注入为 JSX 语句中的文本节点。

### 为什么这不好？

在 JSX 中，任何未用花括号包裹的文本节点都会被视为要渲染的字面字符串。当文本中包含注释时，这可能会导致意外行为。

### 示例

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

```jsx
const Hello = () => {
  return <div>// empty div</div>;
};

const Hello = () => {
  return <div>/* empty div */</div>;
};
```

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

```jsx
const Hello = () => {
  return <div>{/* empty div */}</div>;
};
```

## 如何使用

## 版本

此规则是在 v0.0.14 中添加的。

## 参考资料