随笔分类 -  React开发踩坑日记

记录在工作开发中遇到的问题以及解决方案
摘要:Antd表单FormList ❓:初始化值一两条数据 💡:直接通过form.setFieldsValue设置 ❓:在list中怎么获取当前表单组件对应的数据 💡:通过form.getFieldValue 🔴 1、getFieldValue 用法 🟢 1.1、获取普通字段的值: const u 阅读全文
posted @ 2024-04-17 17:14 郭杰前端开发 阅读(1446) 评论(0) 推荐(0) 编辑
摘要:Antd Form 表单数据没法回显问题 antd 环境 4.*版本 问题复现 在一个组件中,给这个组件传递一个配置项,展示一些表单组件如 输入框、下拉框等组件,再传递一个数据,让其数据回显在我们的表单组件中 // 就正常一个表单,里面通过循环配置项展示formitem 里的内容,我们可以在form 阅读全文
posted @ 2023-11-06 16:06 郭杰前端开发 阅读(1061) 评论(0) 推荐(0) 编辑
摘要:在model中存储state数据时采用了异步的函数 或者使用异步函数 (https://blog.csdn.net/dgce32897/article/details/102039565) 解决办法 1.解决异步问题 2. 使用componentWillReceiveProps(nextprops) 阅读全文
posted @ 2022-04-14 14:55 郭杰前端开发 阅读(234) 评论(0) 推荐(0) 编辑
摘要:查看代码 DatePicker 中的value 属性 设置为 this.state.startTime 当startTime = ‘’ 时 为空 RangePicker中如果给这个赋值['',''],会清空 但是当你不选择时间时,(看似没有值,提交时应该会被校验,实质上是赋值‘’)检验不通过 如果想 阅读全文
posted @ 2022-04-01 09:39 郭杰前端开发 阅读(1395) 评论(0) 推荐(0) 编辑
摘要:如果现在是taobao的镜像 npm config set registry http://registry.cnpmjs.org/如果不是淘宝的镜像 npm config set registry https://registry.npm.taobao.org 阅读全文
posted @ 2022-02-10 10:32 郭杰前端开发 阅读(1346) 评论(0) 推荐(0) 编辑
摘要:这个图需要好好理解: 来源于: https://www.jianshu.com/p/1ded865efc22 1. 首先完成modal层的基础 namespace: //命名空间 再调用该Modal的唯一标识 state: 参数的存储 subscriptions:订阅 用于监听 effects: 异 阅读全文
posted @ 2022-01-20 11:22 郭杰前端开发 阅读(223) 评论(0) 推荐(0) 编辑
摘要:onChange = () => { console.log(this.input);// ref的使用 }; render() { return ( <div> <Input onChange={() => { this.onChange(); }} ref={(input) => { //ref 阅读全文
posted @ 2022-01-19 15:08 郭杰前端开发 阅读(31) 评论(0) 推荐(0) 编辑
摘要:// 提升性能 // setState 写成异步的形式 里面是一个函数 函数的参数 prestate 表示的是修改数据之前的的数据 this.setState( (prestate)=>({ // state对象赋值 }), ()=>{ // 执行完成的回调 }) import React, { C 阅读全文
posted @ 2022-01-19 15:01 郭杰前端开发 阅读(138) 评论(0) 推荐(0) 编辑
摘要:在开发中,我们往往会遇到一些异步数据处理的情况,导致数据获取不到,或者是渲染异常! 话不多说,直接干货: 1 场景一,在点击编辑操作时,往往通过一个id调取接口,获取数据后然后塞进表单中, 格式为: 当改变这个布尔值为false时,该组件会销毁,为true时,会重新创建 场景2, this.setS 阅读全文
posted @ 2022-01-11 17:34 郭杰前端开发 阅读(494) 评论(0) 推荐(0) 编辑
摘要:1. npm create umi 2. ? Select the boilerplate type (Use arrow keys) ant-design-pro - Create project with an layout-only ant-design-pro boilerplate, us 阅读全文
posted @ 2022-01-04 10:24 郭杰前端开发 阅读(63) 评论(0) 推荐(0) 编辑

## 希望内容对你有帮助,如果有错误请联系我 q: 1911509826,感谢支持
点击右上角即可分享
微信分享提示