随笔分类 - react
摘要：ES6新增的不少语法都是极好用的， 在拼接变量与字符串时，模版字符串``就是典型的用法 以下是2种写法
阅读全文
摘要：react-hammerjs是一款由hammer.js的JS插件来实现在react中实现手势滑动的事件插件， 它有各种各样的手势支持效果，这里我们就使用下它最简单的3种效果来实现我们要的动画 分别是点击（onTap）、滑动（onPan）、滑动结束（onPanEnd） 具体事件参数和其它事件可以参考官
阅读全文
摘要：最近在做一个选择器联动时，碰到this.props.form的异步执行问题，导致选择器一直没有办法联动 如图，选择公司名称后，应该同步刷新门店选择默认值， 但同时又要清空门店选择的上一次记录 就用到了this.props.form中的setFieldsValue()方法来清空，但是this.prop
阅读全文
摘要：从接触racet开始，我们就认识了setState，它是对全局变量进去更新的一个重要方法， 不仅可以更新数据，还能在更新后执行方法时直接调用刚刚更新的数据 今天碰到的问题就在于它的作用域的先后问题 先看一段代码 以上代码看似毫无问题，但实际上fetch方法中的请求参数shopid永远也收不到值 ，这
阅读全文
摘要：最近在做一个表单联查时候，总是会发现后一个选择器会记住上一次选择的值 ，这会导致前一级选择器已经做出更新后，后一级选择器却还记住上一次的操作， 这里有个方法可以在上级选择器事件操作时清空Form组件的记录 整个表单事件
阅读全文
摘要：最近在用create-react-app创建项目,因要配置各种组件，比如babel，antd等， 需要运行npm run eject命令把项目的配置文件暴露出来，但是还是一如既然碰到报错，因为是在本地新创建的文件，没有添加git记录 把这个错误做个笔记，不要老是去查资料 大家可以在根目录下运行命令
阅读全文
摘要：最近在做一个权限功能时，发现在读取用户公司ID进行列表查询 时，无法钭读取到缓存中的数据存入页面全局变量中进行加载查询 将问题代码整理出来 将信息存入缓存： 读取缓存，加载前存入param变量中给请求作参数用 此时缓存中能取到数据，但get请求中参数却为空 原因在于get异步请求时，变量存储动作还未
阅读全文
摘要：antd官网上的Checkbox功能只能单独使用，在表格中加入Checkbox也只能点击Checkbox按钮才能实现选中或取消功能 如果我们要实在表格行中点击或在图片列表中点击图片就能实现选中或取消，就需要单独添加事件，然后使用该事件对Checkbox操作的数组进行操作，才能实现该功能， 简单来说就
阅读全文
摘要：一个小而简单的单选全选功能，其实官网已经给出效果了，不过是我多做了些复合用法 index.jsx 效果图
阅读全文
摘要：我们要实现一个通过点击顶部导航来查询左侧菜单的一个功能 在这个功能中，我们要应用到onClick={this.headNavMenuList.bind(this)}方法来传递点击 不同按钮来传递不同的值 注意：如果 我们要在后续事件中使用传递过来的参数来更新局部DOM，则可以不加.bind(this
阅读全文