React
crli
crlin.com
展开
-
react-router学习笔记
参考: React Router 中文文档 阮一峰 React Router 使用教程1.Router,hashHistory,Route首先下载react-router$ npm install react-router --save需要注意的是,react-router更新很快,API也在持续升级,也许你看到市面很多教程,但可能那还是1.x甚至是0.x版本的。我们首先在App.jsx写一个简原创 2016-10-11 19:22:35 · 3123 阅读 · 0 评论 -
reactjs性能优化之shouldComponentUpdate
性能优化每当开发者选择将react用在真实项目中时都会先问一个问题:使用react是否会让项目速度更快,更灵活,更容易维护。此外每次状态数据发生改变时都会进行重新渲染界面的处理做法会不会造成性能瓶颈?而在react内部则是通过使用一些精妙的技巧来最小化每次造成ui更新的昂贵的dom操作从而保证性能的。避免直接作用于DOMreact实现了一层虚拟dom,它用来映射浏览器的原生dom树。通过这一层虚拟的转载 2016-10-17 10:58:32 · 1247 阅读 · 0 评论 -
ReactJS入门ES6写法
参考: React 官方网站 ECMAScript 6 入门 React 入门实例教程HTML 模板 使用 React 的网页源码,结构大致如下。<!DOCTYPE html><html> <head> <script src="../build/react.js"></script> <script src="../build/react-dom.js"></scr原创 2016-10-06 18:15:09 · 8671 阅读 · 0 评论 -
React Component Lifecycle(生命周期)
生命周期所谓生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解生命周期,是合理开发的关键。RN 组件的生命周期整理如下图:如图,可以把组件生命周期大致分为三个阶段:第一阶段:是组件第一次绘制阶段,如图中的上面虚线框内,在这里完成了组件的加载和初始化;第二阶段:是组件在运行和交互阶段,如图中左下角虚线框,这个阶段组件可以处理用户交互,或者接收事件更新界面;第三阶段:是组件卸载消亡的阶段,如图转载 2016-10-26 16:36:59 · 811 阅读 · 0 评论 -
react-router应用
react-routerimport {Link,Route , Router , IndexRoute , hashHistory, Redirect} from 'react-router';//Link可以理解为a标签//暂时未用到Redirect,onEnter 钩子 。Redirect 是一个重定向组件,有 from 和 to 两个属性;onEnter 钩子中用于判断某种情况是否成立,原创 2016-12-07 20:34:32 · 581 阅读 · 0 评论 -
react-redux的connect()方法
connect([mapStateToProps], [mapDispatchToProps], [mergeProps], [options])连接 React 组件与 Redux store。连接操作不会改变原来的组件类,反而返回一个新的已与 Redux store 连接的组件类。参数[mapStateToProps(state, [ownProps]): stateProps] (Funct原创 2016-11-25 20:42:12 · 1275 阅读 · 0 评论 -
react-redux应用
reducers const reducer1 = (state = {"test":"nihao"}, action= {}) => { switch (action.type) { case 'xxx': default: return state; } }原创 2016-12-08 17:23:14 · 572 阅读 · 0 评论