react使用ref挂载内容

React中的`ref`是用于访问组件内部DOM元素的一个特殊属性，它允许你在JavaScript中直接操作渲染后的组件实例。当你需要对某个特定的DOM元素进行手动控制，例如获取焦点、设置样式，或者在特定事件上注册回调函数，这时候就可以使用`ref`。

创建`ref`的方式有两种：

1. **函数式API**：创建一个空的函数作为`ref`，然后在组件的生命周期内将其赋值给`ref`属性。例如：

   const myRef = React.createRef();
   <div ref={myRef}>这是一个元素</div>;

现在，你可以通过`myRef.current`来访问这个元素。

2. **Class组件**：在类组件的构造函数或者生命周期方法中初始化`ref`：

   class MyComponent extends React.Component {
     constructor(props) {
       super(props);
       this.myRef = React.createRef();
     }
     render() {
       return <div ref={this.myRef}>这是元素</div>;
     }
   }

你可以通过`componentDidMount()`或`useEffect()`等生命周期方法，在元素加载完成后执行一些处理，比如设置事件监听或更新状态。记住，`ref`主要用于数据绑定，而不是触发更新。