笔记二十六：React.forwardRef和connect的联合使用问题

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

//注意：这里不要在Component上使用ref;换个属性名字比如refInstance；不然会导致覆盖

//子组件
let Component = (props)=>{
    const {refInstance} = props;
    //  只要是实例都行useForm和useRef创建的都可以
    const [form] = Form.useForm();
    useImperativeHandle(refInstance,()=>({
       submit:()=>{
          form.submit();
       }
    }));
    return (
       <>xxx</>
    )
}；
Component = connect(xxx, xxx){Component};
//注意：这里不要在Component上使用ref;换个属性名字比如refInstance；不然会导致覆盖
export default React.forwardRef( (props,ref) => <Component  {...props}  refInstance={ref} />);