随笔分类 -  React

React 关于Ant Design中Form表单组件化使用的相应记录
摘要：基础的就是Ant Design的Form组件 传送门：https://ant.design/components/form-cn/ 在最初的项目中，由于我要用到Form，所以不得不把每个带表单的页面（不管表单复杂与否）单独放在一个JS文件中，然后就不得不涉及父子组件通信方面的问题。 基本结构是这样的 阅读全文
posted @ 2019-05-28 16:11 咖啡漩涡 阅读(2631) 评论(0) 推荐(0)
React 基于Styled-component引入阿里Iconfont文件
摘要：在Iconfont上面选好图标，下载至本地，如下图所示。但我们并不是用到所有的文件，只用到了6个文件。 分别是： iconfont.eot iconfont.svg iconfont.tff iconfont.woff iconfont.woff2 iconfont.css 我们将这6个文件放到项目 阅读全文
posted @ 2019-04-20 21:06 咖啡漩涡 阅读(1068) 评论(1) 推荐(0)
React 关于Antd Select组件dropdownRender扩展菜单，点击事件没有响应
摘要：官方给出的示例是，在提供菜单的同时又补充了一个Add item。 页面效果无误，但是在添加点击事件时发现并不能触发点击事件 最终在Issues中找到了答案，即：在select组件外部包一层div，将鼠标默认事件注释掉 如果你的select在表单中，你需要把div包在getFieldDecorator 阅读全文
posted @ 2019-04-16 13:53 咖啡漩涡 阅读(4700) 评论(1) 推荐(1)
React 关于Antd Pro 路由参数改变 页面没有重新渲染刷新
摘要：在使用Antd Pro的时候，我做了这样一张页面，二级模板页，左边是菜单，右边是详情 我在router.config.js文件中这样设置路由，这边用到了/:id去传递参数 问题出现了,比如页面初次访问 /catalog/engineering/1 的时候页面显示正常无误，但是页面再访问 /catal 阅读全文
posted @ 2019-04-11 10:43 咖啡漩涡 阅读(4131) 评论(0) 推荐(0)
React 在Render的时候自动执行了onClick事件
摘要：写法有误 我的绑定事件想要直接带着参数item.id去执行，这是不允许的，恰好我的baseMapChange事件里面有setState，导致溢出了，不然我可能还发现不了这个问题 解决方案一： 解决方案二： 阅读全文
posted @ 2019-04-03 19:54 咖啡漩涡 阅读(2975) 评论(0) 推荐(0)
React Setstate 回调函数
摘要：一般而言，在设置页面某些state的时候，需要先设置好state，然后再对页面的一些参数进行修改的时候，可以使用setState的回调函数。 阅读全文
posted @ 2019-04-01 16:29 咖啡漩涡 阅读(3402) 评论(0) 推荐(0)
关于React Ref用法
摘要：这里在页面的constructor中 this.handleChange = this.handleChange.bind(this) 这里的ref={(input) => {this.queryName = input}} ,input只是将Input对象放入，可以改为任意名称比如txtName， 阅读全文
posted @ 2019-01-26 15:52 咖啡漩涡 阅读(309) 评论(0) 推荐(0)
React学习笔记 Ant Design Pro初体验
摘要：题外话：今年圣诞的AntD的彩蛋可能闹了个笑话，但在作为看热闹的我来说，还是挺有趣的 传送门：https://pro.ant.design/index-cn 第一步 你要去Github上面fork Antd pro的项目下来，项目地址：https://github.com/ant-design/an 阅读全文
posted @ 2018-12-29 15:47 咖啡漩涡 阅读(2423) 评论(0) 推荐(0)