---
url: /docs/guide/usage/linter/rules/react/forward-ref-uses-ref.md
---

### 它的作用

要求使用 `forwardRef` 包裹的组件必须有一个 `ref` 参数。
省略 `ref` 参数通常是一个 bug，
而且不使用 `ref` 的组件也不需要被 `forwardRef` 包裹。

### 为什么这不好？

省略 `ref` 参数会使 `forwardRef` 包装器变得多余，
并且可能导致混淆。

### 示例

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

```jsx
var React = require("react");

var Component = React.forwardRef((props) => <div />);
```

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

```jsx
var React = require("react");

var Component = React.forwardRef((props, ref) => <div ref={ref} />);

var Component = React.forwardRef((props, ref) => <div />);

function Component(props) {
  return <div />;
}
```

## 如何使用

## 版本

此规则在 v0.16.9 中添加。

## 参考资料