【React工作记录一百一十八】hook+ant design实现列表的增加和修改(弹出框)

前端大歌谣

于 2023-05-24 16:03:57 发布

阅读量353

点赞数

分类专栏：前端项目工作实战文章标签： react.js 前端前端框架

本文链接：https://blog.youkuaiyun.com/geyaoisnice/article/details/130848849

版权

前端项目工作实战专栏收录该内容

146 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何使用React的Hook和Ant Design组件库来实现列表的增加和修改功能。通过页面状态控制，区分新增和编辑操作，并提供了效果演示。

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

前言

大家好我是歌谣列表页面的新增和编辑是日常开发中遇到比较多的问题如何控制
一个页面实现页面的新增和编辑

效果演示

在这里插入图片描述

分析对于以上的页面先渲染出结构

 <Form
                name="menu"
                form={form}
                labelCol={
  {
                    sm: { span: 5 },
                }}
                wrapperCol={
  {
                    sm: { span: 16 },
                }}
            >
                  <Form.Item
                    label="款式"
                    name="style_id"
                    rules={[{ required: true, message