【React】基础数据回填--useForm与setFieldsValue详解

07-14 1015阅读

相关属性

1.form

【React】基础数据回填--useForm与setFieldsValue详解

2.setFieldsValue

【React】基础数据回填--useForm与setFieldsValue详解

【React】基础数据回填--useForm与setFieldsValue详解

【React】基础数据回填--useForm与setFieldsValue详解

代码

import{ Form }from"antd";
const Publish = ()=>{
  // 回填数据
  const [searchParams] = useSearchParams()
  const articleId = searchParams.get('id')
  const [form] = Form.useForm()
  useEffect(() => {
    async function getArticle () {
      const res = await http.get(`/mp/articles/${articleId}`)
      const { cover, ...formValue } = res.data
      // 设置表单数据
      form.setFieldsValue({ ...formValue, type: cover.type })
    }
    if (articleId) {
      // 拉取数据回显
      getArticle()
    }
  }, [articleId, form])
  return (
     form}/
  )
}
VPS购买请点击我

文章版权声明:除非注明,否则均为主机测评原创文章,转载或复制请以超链接形式并注明出处。

目录[+]