React.forwardRef和connect的联合使用问题
作者:互联网
//子组件
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} />);
标签:refInstance,xxx,Component,React,forwardRef,connect,props,ref 来源: https://blog.csdn.net/weixin_45264424/article/details/120371846