前端项目实战叁佰捌拾玖react-admin和material ui-react-admin案列AutocompleteInput

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>
    )
  }

运行结果 运行成功之后