前端项目实战叁佰玖拾叁react-admin和material ui-react-hook-form 使用

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

前端歌谣

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

阅读量42

点赞数

文章标签：前端 react.js ui

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

版权

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

500 篇文章 1 订阅

订阅专栏

import { useFormContext } from 'react-hook-form';

运行结果

  const MyButton = () => {
    const { reset, setFocus, getValues } = useFormContext<{ step_no: 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={() => {
          props.handleCreate&&props.handleCreate()
        }}>取消</Button>
      </div>
    )
  }