子组件定义(函数组件)
import { useImperativeHandle, forwardRef } from 'react';
const AuditContent = forwardRef((props, ref) => {
const [form] = Form.useForm();
useImperativeHandle(ref, () => ({
resetForm,
}));
// 重置表单
const resetForm = () => {
form.resetFields();
};
子组件是类组件的话直接定义方法,父组件同样方式触发
父组件触发
constructor(props) {
super(props);
this.state = {
visible: false,
};
this.auditRef = React.createRef();
}
handleCancel = () => {
this.auditRef.current.resetForm();
this.setState({
visible: false,
});
};
// 子组件声明ref
<AuditContent
ref={this.auditRef}
/>