我正在尝试将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>})