关于React生命周期的问题?

从父组件传过来的props在react哪个生命周期函数里面可以通过setState保存在state里面?补充一句父组件向子组件传的值是异步获取的。

阅读 3.6k
6 个回答
  1. constructor: 初始化的时候,在这里进行保存。直接对state进行赋值

  2. componentWillReceiveProps: props发生变化的时候,在这里进行保存。使用setState

谢邀~

我觉得props和state应该区别开.
既然是从props传入组件, 为什么不继续由父组件去控制呢?

如果只是使用一次的/相当于初始化参数也可以, 建议属性前加initXXX可读性更高一些.
可以在getInitialState/constructor 初始化时写入state.

 getInitialState(){
     return { 
       isReset: this.props.isReset,
     };
   },
   constructor (props){
    super(props);
    this.state = {
      isReset: this.props.isReset,
    }
  }

props是更改不了的,在哪个周期里面都是存在的,也就是你在哪个生命周期中都可以通过this.props中用到。

如果你的意思是把props放在子组件的state中的话,那直接在constructor中的this.state = { value:this.props.value1}
你具体要问的是什么?

都是可以setState的。当然除了unmount这种。 不过既然是传递过来的props,直接用就可以了。可变的话,就从父级组件传递改变props的函数。还得看你具体的逻辑。单纯的说保存state的话,都是可以保存的。
componentWillReceiveProps是初始化之后每次传递props,调用的钩子函数,在这里能拿到this.props,nextProps

异步获取也可以在componentWillReceiveProps里面取到。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题