摘要：
想象一下这种场景，一个父组件下面一大堆子组件。然后呢，这个父组件re－render。是不是下面的子组件都得跟着re－render。可是很多子组件里面是冤枉的啊！！很多子组件的props 和 state 然而并没有改变啊！！虽然virtual dom 的diff 算法很快。。但是性能也不是这么浪费的啊 阅读全文
posted @ 2018-05-25 09:10
每天都要进步一点点
阅读(347)
评论(0)
推荐(0)
摘要：
react 实现pure render的时候，bind(this)隐患 发现一个问题，对于Child这个子组件来说，在父组件re－render的时候，即使Child得前后两个props都没改变，它依旧会re－render。。即使用immutable.js也不好使。。。原来啊，父组件每次render， 阅读全文
posted @ 2018-05-24 09:15
每天都要进步一点点
阅读(188)
评论(0)
推荐(0)
摘要：
1、构造器内绑定this 这种方式的好处是每次render，不会重新创建一个回调函数，没有额外的性能损失。需要注意的是，使用这种方式要在构造函数中为事件回调函数绑定this: this.handleClick = this.handleClick.bind(this)，否则handleClick中的 阅读全文
posted @ 2018-05-23 19:27
每天都要进步一点点
阅读(232)
评论(0)
推荐(0)
摘要：
1.待定 阅读全文
posted @ 2018-05-22 17:01
每天都要进步一点点
阅读(536)
评论(0)
推荐(0)
摘要：
扩展运算符（...）用于取出参数对象的所有可遍历属性，拷贝到当前对象之中。 这等同于使用Object.assign方法。 扩展运算符可以用于合并两个对象。 如果用户自定义的属性，放在扩展运算符后面，则扩展运算符内部的同名属性会被覆盖掉。 上面代码中，a对象的x属性和y属性，拷贝到新对象后会被覆盖掉。 阅读全文
posted @ 2018-05-20 15:07
每天都要进步一点点
阅读(2402)
评论(0)
推荐(0)
摘要：
上面我们提到的创建组件的方式，都是用来创建包含状态和用户交互的复杂组件，当组件本身只是用来展示，所有数据都是通过props传入的时候，我们便可以使用Stateless Functional Component来快速创建组件。例如下面代码所示: 这种组件，没有自身的状态，相同的props输入，必然会获 阅读全文
posted @ 2018-05-19 20:10
每天都要进步一点点
阅读(399)
评论(0)
推荐(0)
摘要：
我们知道，当组件的props或者state发生变化的时候：React会对组件当前的Props和State分别与nextProps和nextState进行比较，当发现变化时，就会对当前组件以及子组件进行重新渲染，否则就不渲染。有时候为了避免组件进行不必要的重新渲染，我们通过定义shouldCompon 阅读全文
posted @ 2018-05-18 21:06
每天都要进步一点点
阅读(487)
评论(0)
推荐(0)
摘要：
因为ES6对类和继承有语法级别的支持，所以用ES6创建组件的方式更加优雅，下面是示例： 可以看到Greeting继承自React.component,在构造函数中，通过super()来调用父类的构造函数，同时我们看到组件的state是通过在构造函数中对this.state进行赋值实现，而组件的pro 阅读全文
posted @ 2018-05-17 22:41
每天都要进步一点点
阅读(251)
评论(0)
推荐(0)
摘要：
如果你还没有使用ES6语法，那么定义组件，只能使用React.createClass这个helper来创建组件，下面是一段示例： 这段代码，包含了组件的几个关键组成部分，这种方式下，组件的props、state等都是以对象属性的方式组合在一起，其中默认属props和初始state都是返回对象的函数， 阅读全文
posted @ 2018-05-16 17:35
每天都要进步一点点
阅读(356)
评论(0)
推荐(0)
浙公网安备 33010602011771号