我正在尝试将ref添加到我的自定义函数组件。forwardRef和ComponentPropsWithRef之间有什么区别？const MyComponent = (ref) => { return <div ref={ref}>Some text</div> }
我尝试使用ComponentPropsWithRef，但它根本不添加引用
我正在尝试将ref添加到我的自定义函数组件。forwardRef和ComponentPropsWithRef之间有什么区别？const MyComponent = (ref) => { return <div ref={ref}>Some text</div> }
我尝试使用ComponentPropsWithRef，但它根本不添加引用
1条答案
按热度按时间pkmbmrz71#
不带
React.forwardRef的ref.current将始终是传递给useRef的任何初始值，并且不会更改。React.ComponentPropsWithRef仅将ref属性添加到组件的props中。解决方案可能是
const MyComponent= forwardRef<HTMLDivElement, MyComponentProps>((ref, props) => {return <div ref={ref}>Some text</div>})