wrappedComponentRef和ref的区别

wrappedComponentRef 是在使用高阶组件 (Higher-Order Component) 包装组件时的一个 prop，它用于引用被包装的组件实例。

ref 是 React 提供的用于访问 DOM 元素或者组件实例的属性。在创建组件时，可以给组件添加一个 ref 属性，然后通过该属性来获取组件实例或者 DOM 元素。

两者的区别如下：

1. 用法不同：wrappedComponentRef 是高阶组件提供的一个特殊 prop，用于引用被包装的组件实例。ref 是 React 提供的标准属性，用于获取组件实例或者 DOM 元素。
2. 作用不同：wrappedComponentRef 主要用于高阶组件内部对被包装组件的引用，而 ref 主要用于在组件外部对组件实例或者 DOM 元素的引用。
3. 使用场景不同：wrappedComponentRef 主要在需要对被包装组件进行操作或者在高阶组件内部引用被包装组件时使用。ref 主要在需要从组件外部获取组件实例或者 DOM 元素时使用。

总的来说，wrappedComponentRef 是高阶组件特有的属性，主要用于引用被包装组件实例，而 ref 是 React 提供的标准属性，用于获取组件实例或者 DOM 元素。wrappedComponentRef 是在使用高阶组件 (Higher-Order Component) 包装组件时的一个 prop，它用于引用被包装的组件实例。