生命周期如何对组件起作用

时间:2017-08-01 03:42:54

标签: reactjs ag-grid

我正在研究一个反应应用程序。有一个主应用程序可以创建子组件。 e.g。

app
rend(){
   <component1/>
   <component2/>
   <component3 sendMethodDown={this.sendMethodDownToChild}/>
   <component4 sendStateDownState={this.state.sendStateDownState}/>
}

渲染时,方法将向下发送到子组件3。 component3将特定数据发送回应用程序,然后将此数据发送到component4。 数据用于ag-grid。在component4中,数据将不会显示,直到componentDidUpdate生命周期阶段。

我只想要将这些数据应用一次,当我在componentwillrecieveprops中应用它时它似乎不起作用(无限循环+无法正确应用)。我设法让它工作,将它放在componentDidUpdate中(并使用带有布尔状态的if语句(布尔开关在if语句中关闭,因此它永远不会再次运行)

即使不是最好的,这也行得通。我正在考虑尝试将其添加回生命周期的某个地方

我的应用程序目前没有任何问题,但我想改进它。任何人都可以帮助我理解使用子组件时反应生命周期如何工作?

是否存在每个组件(包括应用程序)的生命周期,其中应用程序生命周期暂停,而子组件的生命周期结束?

0 个答案:

没有答案