【React工作记录五十六】新增编辑的组件实现

简介: 【React工作记录五十六】新增编辑的组件实现

导语

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




编辑


核心代码

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

相关实验场景

更多