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

最新推荐文章于 2024-08-22 11:06:05 发布

前端歌谣

最新推荐文章于 2024-08-22 11:06:05 发布

阅读量35

点赞数

文章标签：前端 react.js ui

本文链接：https://blog.csdn.net/qq_41632427/article/details/132469943

版权

前端项目实战案例专栏收录该内容

500 篇文章 1 订阅

订阅专栏

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