如何在ReactJs中跟踪子组件的父组件状态?

时间:2017-01-06 18:13:49

标签: javascript reactjs react-bootstrap

我有一个包含photoalbums的页面,我需要通过点击相册组件中的编辑按钮来编辑每个相册。如果我没有公共存储(例如redux),我无法理解如何在组件之间进行通信 如何从子组件跟踪父组件的状态 - 模态?



feature/x




1 个答案:

答案 0 :(得分:2)

您必须将父作为道具传递给子组件。

所以在你的AlbumList::render中,你必须这样做 return ( <Album key={ album.Id } title={ album.Title } getShowModal={ this.getShowModal } setCurrentAlbum={ this.setCurrentAlbum } setShowModal={ this.setShowModal } parent={this} > </Album> );

但是,一旦开始将状态传递给许多不同的组件,这将产生巨大的开销。

解决此问题的好插件是使用Redux