Ant Design Form表单编辑数据数据回显

最新推荐文章于 2023-12-04 16:19:40 发布

Mr.M .

最新推荐文章于 2023-12-04 16:19:40 发布

阅读量7k

点赞数 4

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_45582052/article/details/106677740

本文介绍了在React应用中使用Ant Design的Form组件进行数据编辑时，如何实现数据回显的功能。通过给Form表单添加ref事件，当点击编辑按钮时，能够自动显示即将编辑的内容，确保用户可以直观地看到已有的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.给Form表单添加ref事件

<Form name="nest-messages" ref={
   
   this.formRef}
                  layout={
   
   'vertical'}>

                <Row gutter={
   
   24}>
                    <Form.Item name={
   
   'id'} >
                        <Input type={
   
   "hidden"}/