Reactjs 在react中更新父组件时如何更新子组件?
在react路由器应用程序中,我有以下根组件:Reactjs 在react中更新父组件时如何更新子组件?,reactjs,Reactjs,在react路由器应用程序中,我有以下根组件: <div className="page"> { this.props.children || <Home /> } <Footer/> </div> {this.props.children | |} 在某些事件上,状态已更改,此操作将调用render方法。首先渲染根组件,然后是页脚,但不会重新渲染主组件或其他组件。有办法修复吗?第一次渲染时会发生什么?“那么你看到家还是孩子了
<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
,然后它就变成了一个空对象。然后渲染空对象,但不显示任何内容。您需要共享其他代码才能获得这方面的帮助。