Reactjs 在react中更新父组件时如何更新子组件?

Reactjs 在react中更新父组件时如何更新子组件?,reactjs,Reactjs,在react路由器应用程序中,我有以下根组件: <div className="page"> { this.props.children || <Home /> } <Footer/> </div> {this.props.children | |} 在某些事件上,状态已更改,此操作将调用render方法。首先渲染根组件,然后是页脚,但不会重新渲染主组件或其他组件。有办法修复吗?第一次渲染时会发生什么?“那么你看到家还是孩子了

在react路由器应用程序中,我有以下根组件:

<div className="page">
    { this.props.children || <Home /> }
    <Footer/>
</div>

{this.props.children | |}

在某些事件上,状态已更改,此操作将调用render方法。首先渲染根组件,然后是页脚,但不会重新渲染主组件或其他组件。有办法修复吗?

第一次渲染时会发生什么?“那么你看到家还是孩子了?”温特维尔特说,这要看情况而定。如果应用程序在主页-主页,else-子组件上打开。那么它在第一次渲染时工作,但在重新渲染时中断?@wintvelt,是的,它在第一次渲染时工作,但在重新渲染时不中断
App
组件是
Home
Child
组件的包装器,当我调用
this.setState({state:newState})时,我想
Home
Child
重新渲染。但是render方法只在
App
Footer
中调用。我想我理解:
this.setState()
不会重新渲染
this.props.children
。您共享的代码很好。我猜:您在代码的其他地方修改了
this.props.children
,然后它就变成了一个空对象。然后渲染空对象,但不显示任何内容。您需要共享其他代码才能获得这方面的帮助。