随笔分类 -  React

notes about React
compositionEvent组合事件，解决React input非英文输入onchange事件的坑
摘要：以上这段代码，相信大家再熟悉不过了，react 受控组件的最简单的栗子，controlled input组件。React的事件，包括上面我们使用的onChange事件，都属于React的 ，是非浏览器原生的，它是对浏览器原生事件的封装事件。react合成事件中，onChange事件类似于原生的inp 阅读全文
posted @ 2018-12-21 17:57 joe_ice 阅读(3781) 评论(0) 推荐(0)
记一次React中异步获取事件对象的爬坑经历
摘要：SyntheticEvent objects are pooled 在使用React过程中，直接异步获取事件对象上的属性，实际上我们拿到的值永远是null，下面的代码就存在问题 控制台会输出 null。出现上面这种情况，React官方给出的解释如下: The is pooled. This mean 阅读全文
posted @ 2018-12-21 15:17 joe_ice 阅读(980) 评论(0) 推荐(0)
React Elements vs React Components
摘要："React Elements vs React Components " 阅读全文
posted @ 2018-02-06 18:03 joe_ice 阅读(118) 评论(0) 推荐(0)
React 是否保持 state 更新的顺序
摘要：React状态更新是异步的，为了性能优化，状态更新都是批量更新的。 但是否可以确认 setState 调用后状态的更新顺序呢？ 考虑以下按钮点击的例子： 是否有可能 a 是 false，b 是 true? import React, { PureComponent } from 'react'; c 阅读全文
posted @ 2018-02-06 10:38 joe_ice 阅读(1227) 评论(0) 推荐(0)
React中闪光点
摘要：单向数据流 Data Binding 为了解决 UI 和数据同步复杂性的问题，Data Binding 被提出并得到了广泛应用。其中两个主要的流派是： Key Value Observable (KVO)，以 Ember、Meteor 和 Knockout 为代表 Dirty Check，主要以 A 阅读全文
posted @ 2018-02-01 17:22 joe_ice 阅读(164) 评论(0) 推荐(0)
你不知道的 React Router 4
摘要：React Router V4的设计思想：一切皆组件(v3 到 v4需要思维方式的转变) 动态路由方式 在V3版本中，我们直接通过browserHistory.push的方法 来进行动态的路由的跳转即可，但是在V4版本中，我们就不能这么用了，而必须要通过 __ withRouter高阶组件 __ 的 阅读全文
posted @ 2018-02-01 17:21 joe_ice 阅读(379) 评论(0) 推荐(0)
React ref
摘要：React 组件在 __ 加载时将 DOM 元素传入 ref 的回调函数，在卸载时则会传入 null __。ref 回调会在componentDidMount 或 componentDidUpdate 这些生命周期回调之前执行。 当 ref 属性用于使用 __ class 声明的自定义组件 __时， 阅读全文
posted @ 2017-12-28 00:15 joe_ice 阅读(183) 评论(0) 推荐(0)
React-事件绑定
摘要：React事件绑定类似于DOM事件绑定，区别如下： 1. React事件的用驼峰法命名，DOM事件事件命名是小写 2. 通过jsx，传递一个函数作为event handler，而不是一个字符串。 3. React事件不能通过返回false来阻止默认事件，需要显式调用preventDefault() 阅读全文
posted @ 2017-08-21 09:52 joe_ice 阅读(2761) 评论(0) 推荐(0)