小白:react antd 搭建后台框架记录问题1

项目场景:

提示:背景:Modal加Form实现Form表单的实时数据更新


问题描述

提示:这里描述项目中遇到的问题:

使用的是React 中的useState 定义变量,问题是 这个hook是一个异步的方法需要搭配useEffect一起使用,但是From组件拿到是最新的选染的确认旧数据

解决方法

在Form表单组件中使用Form上自带的useForm(),用.setFieldsValue()方法处理一下就可以实现Form表单数据不更新的问题。

c 复制代码
function From (){
const [from] = From.useFrom()
return (<>
<From form={form}>
</From>
</>)

相关推荐
llc的足迹1 分钟前
el-menu 折叠后小箭头不会消失
前端·javascript·vue.js
九月TTS31 分钟前
TTS-Web-Vue系列:移动端侧边栏与响应式布局深度优化
前端·javascript·vue.js
Johnstons33 分钟前
AnaTraf:深度解析网络性能分析(NPM)
前端·网络·安全·web安全·npm·网络流量监控·网络流量分析
whatever who cares1 小时前
CSS3 伪元素(Pseudo-elements)大全
前端·css·css3
若愚67921 小时前
前端取经路——性能优化:唐僧的九道心经
前端·性能优化
积极向上的龙1 小时前
首屏优化,webpack插件用于给html中js自动添加异步加载属性
javascript·webpack·html
Bl_a_ck2 小时前
开发环境(Development Environment)
开发语言·前端·javascript·typescript·ecmascript
郝开2 小时前
扩展:React 项目执行 yarn eject 后的 scripts 目录结构详解
react.js·前端框架·react
田本初2 小时前
使用vite重构vue-cli的vue3项目
前端·vue.js·重构
ai产品老杨2 小时前
AI赋能安全生产,推进数智化转型的智慧油站开源了。
前端·javascript·vue.js·人工智能·ecmascript