react生命周期的一些问题

来源:互联网 发布:解压缩软件安卓版 编辑:程序博客网 时间:2024/05/17 22:44

要使用好react,理解好它的生命周期是真的非常重要啊!!!!!!

1、尽量不要在render函数里面进行setstate或者一些逻辑操作,毕竟每一次父组件的刷新它也会刷新,除非你在shouldComponentUpdate里面阻止了。

2、mount只在首次渲染会进行,此后如果组件状态改变了,只会执行componentwiiupdate等一系列的操作。

3、不要在componentDidUpdate进行setstate操作,否则会进行一个死循环,因为每一次setstate都是一个组件的更新,会再次调用componentwiiupdate、componentDidUpdate等,会出现死循环报错。我之前就试过在componentDidUpdate里面把this.props setstate,如果想利用props改变当前的state,可以在componentWillReceiveProps使用nextProps获取到即将传过来的props。因为在componentWillReceiveProps之后紧接着就是执行componentwiiupdate(如果shouldComponentUpdate return true;),在里面setstate就直接重新渲染了。

4、mount的方法一般在最外层的组件使用,子组件等一般很少使用。

5、如果父元素重新render,里面的子元素也都会全部重新渲染,除非你在shouldComponentUpdate里面阻止了。

6、子组件update,父组件不需要update;父组件update了,它的子组件都要update

原创粉丝点击