React.forwardRef 使用

React.forwardRef 是一个React提供的高阶组件函数，用于向函数组件传递ref。在函数组件中无法直接访问ref，如果需要在函数组件中操作子组件的DOM元素或组件实例，就可以使用React.forwardRef来转发ref给子组件。

当使用React.forwardRef包裹一个函数组件时，可以通过给这个组件传递ref属性来获取组件实例的引用。这样就可以在函数组件中通过ref来访问子组件的实例或DOM元素。

示例代码展示了React.forwardRef的用法：

const MyComponent = React.forwardRef((props, ref) => {return <div ref={ref}>Hello, world!</div>;
});const App = () => {const myRef = React.createRef();// 将ref传递给MyComponentreturn <MyComponent ref={myRef} />;
};

在上面的例子中，MyComponent是一个函数组件，通过React.forwardRef包裹，使其能够接收ref属性。在App组件中创建了一个ref，并将其传递给MyComponent。这样MyComponent中的div元素便可以通过myRef.current来访问。

总之，React.forwardRef提供了一种在函数组件中使用ref的方式，使得函数组件也能够像类组件一样操作DOM元素或组件实例。