//子组件
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} />);
React.forwardRef和connect的联合使用问题
最新推荐文章于 2024-02-14 21:02:29 发布