import { useFormContext } from 'react-hook-form';
数据重置操作
const MyButton = () => {
const { reset, setFocus, getValues } = useFormContext<{ step_no: string, name: string }>();
useEffect(() => {
setFocus('step_no');
}, [setFocus]);
return (
<div style={{ marginTop: '10px' }}>
<SaveButton type='button'
label='保存'
mutationOptions={{
onSuccess: () => {
reset({step_no: (parseFloat(getValues('step_no')) + 1).toString()});
window.scrollTo(0, 0);
refresh();
setFocus('step_no');
}
}}
/>
<Button variant='contained' sx={{ ml: 2 }} onClick={() => setIsCreate(false)}>取消</Button>
</div>
)
}
运行结果 运行成功之后