#yyds干货盘点# 【React工作记录五十六】新增编辑的组件实现

简介: #yyds干货盘点# 【React工作记录五十六】新增编辑的组件实现

前言


我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷


导语


对于新增编辑的页面 最好使用组件化的思想进行页面的设计实现 没必要用两个页面实现


图片.png

核心代码

<Row gutter={24}>
       <Col span={24}>
         <Form.Item label="你的名字:">
           {getFieldDecorator('mainBusiness', {
           initialValue:
         type === 'update' ? lecturerOrganizationEntity.mainBusiness : '',
            rules: [{ required: true, message: '请输入你的名字' }],
      })(
         <Input.TextArea autoSize={{ minRows: 2, maxRows: 2 }} disabled={disabled} />
                    )}
            </Form.Item>
        </Col>
              </Row>


总结


不管是什么框架 根据编辑状态加个type判断实现数据的一个操作功能 没必要进行多余的一个业务数据操作



相关文章
|
6月前
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
121 0
|
2月前
|
前端开发 计算机视觉
React使用antd实现可编辑单元格
React结合Ant Design实现可编辑单元格的表格组件,通过EditableRow和EditableCell封装实现单元格编辑功能,并提供saveFun回调保存编辑内容。
93 1
|
6月前
|
前端开发 JavaScript 搜索推荐
react-app框架——使用monaco editor实现online编辑html代码编辑器
react-app框架——使用monaco editor实现online编辑html代码编辑器
290 3
|
6月前
|
前端开发 JavaScript API
react搭建在线编辑html的站点——引入grapes实现在线拖拉拽编辑html
react搭建在线编辑html的站点——引入grapes实现在线拖拉拽编辑html
54 0
|
6月前
|
存储 前端开发 中间件
React组件间的通信
React组件间的通信
52 1
|
6月前
|
前端开发 JavaScript API
React组件生命周期
React组件生命周期
119 1
|
6月前
|
存储 前端开发 JavaScript
探索 React Hooks 的世界:如何构建出色的组件(下)
探索 React Hooks 的世界:如何构建出色的组件(下)
探索 React Hooks 的世界:如何构建出色的组件(下)
|
6月前
|
缓存 前端开发 API
探索 React Hooks 的世界:如何构建出色的组件(上)
探索 React Hooks 的世界:如何构建出色的组件(上)
探索 React Hooks 的世界:如何构建出色的组件(上)
|
6月前
|
前端开发 应用服务中间件 数据库
react服务端组件
react服务端组件
52 0
|
6月前
|
前端开发 JavaScript
快速上手React:从概述到组件与事件处理
快速上手React:从概述到组件与事件处理

相关实验场景

更多