随笔分类 -  react

react 中使用阿里彩色图标
摘要：1. 不光要引入css ，还要引入js 2. 在需要引入icon的地方添加 3. css 阅读全文
posted @ 2019-04-11 18:19 doublealoe 阅读(777) 评论(0) 推荐(0)
react 监听页面滚动
摘要：方法1. onScrollCapture html： // 如果使用typescript， 定义dom类型 private dom: HTMLDivElement | null // ReactJS中，对Div监听只需要绑定 onScrollCapture事件 <div style={{ flex: 阅读全文
posted @ 2019-02-19 18:35 doublealoe 阅读(10831) 评论(0) 推荐(0)
使用antd Table + mobx 处理数组 出现的一系列问题
摘要：在store中定义了一个数组： @observable list = [...] 若是在table组件中直接使用list: 这时就会提示以下错误： 从提示中可以看出dataSource希望的是一个数组而不是对象， what？ 我什么时候传入对象啦？ 打印一下list： 原来是mobx的observa 阅读全文
posted @ 2018-11-22 10:40 doublealoe 阅读(1662) 评论(0) 推荐(0)
定时刷新页面或请求接口
摘要：1. 需求: 由于数据计算量比较大，所以接口请求返回数据可能会比较慢，这时候咋整勒。为了提高用户体验，想到了前端定时刷新，定时器走起～ 2. 定时请求接口 a. 先定义个全局的定时器，取名timer b. 3. 定时刷新页面 a. 先定义个全局的定时器，取名timer b. 阅读全文
posted @ 2018-09-21 10:29 doublealoe 阅读(6968) 评论(0) 推荐(0)
react编译报错：Import in body of module; reorder to top import/first
摘要：原因是这样的： 我把一个组件分为三个文件， 其中index.js是对Home.js 的导出,和对Home.css的导入，代码是这样的： 于是，，，，于是，就报错啦， 以前这样写也没问题的呀，google搜搜说是因为这个： import 必须在其它所有业务代码前面（eslint 暴出）， 异步组件导入 阅读全文
posted @ 2018-07-18 22:52 doublealoe 阅读(3846) 评论(0) 推荐(0)
antd card 组件实现鼠标移入移出效果
摘要：鼠标移出： 鼠标移入： 阅读全文
posted @ 2018-05-09 15:20 doublealoe 阅读(5750) 评论(0) 推荐(1)
react ，ant Design UI中table组件合并单元格并展开详情的问题
摘要：需求：购物车订单列表，如图： 一：单元格合并 遇到这种你会怎么办呢？ 单元格合并？ 还是其他的方法？ 下面是我的处理方式，就是在table 组件的columns上处理,这里拿商品举例，其余的类似，只有一个的类似于‘实付’这种当然就不需要render属性了 二：表格的展开项 对于下面的展开项，这儿采用 阅读全文
posted @ 2018-05-08 11:50 doublealoe 阅读(7225) 评论(2) 推荐(0)
页面跳转失败的解决方案
摘要：问题描述：比如一个大表单，填写一半了忽然手抽点击了回退的箭头（就是浏览器左上角的 <- 这个标识 ），假设您之前采用了提示是否退出当前页面的提示框，比如https://reacttraining.com/ 中的 那么即使您点击了取消，当前的url 已经改变了，这时继续编辑表单，点击提交跳转页面用` 阅读全文
posted @ 2018-04-22 13:08 doublealoe 阅读(991) 评论(0) 推荐(0)