介绍一下React的ref属性和props属性

React 中的 ref 属性是一个特殊的属性，可以让我们访问 DOM 节点或组件实例。它可以帮助我们在不通过 props 或 state 访问组件内部数据的情况下直接操作组件。

Props 属性是 React 组件的输入。父组件可以向子组件传递数据，而子组件通过 props 属性读取这些数据。Props 属性是不可变的，所以在子组件内部不能直接修改它们的值。

简单来说，ref 属性让我们直接操作组件或 DOM 节点，而 props 属性则是用来从父组件向子组件传递数据的。