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

### 作用

检查是否通过 prop 传递 children。

### 为什么这不好？

children 应始终是实际的子元素，而不是通过 prop 传入。
使用 JSX 时，children 应嵌套在开始标签和结束标签之间。
不使用 JSX 时，children 应作为额外参数传递给 `React.createElement`。

### 示例

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

```jsx
<div children='Children' />

<MyComponent children={<AnotherComponent />} />
<MyComponent children={['Child 1', 'Child 2']} />
React.createElement("div", { children: 'Children' })
```

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

```jsx
<div>Children</div>
<MyComponent>Children</MyComponent>

<MyComponent>
  <span>Child 1</span>
  <span>Child 2</span>
</MyComponent>

React.createElement("div", {}, 'Children')
React.createElement("div", 'Child 1', 'Child 2')
```

## 如何使用

## 版本

此规则添加于 v0.0.14。

## 参考