首页 > React 中如何在同类型的组件之间共享数据?

React 中如何在同类型的组件之间共享数据?

比如我有个pagination组件, 内部维护了一个currentPageNumberstate.当按next的时候,就会修改这个currentPageNumer.
现在我想在页面的顶部和底部都加一个pagination组件.但是这导致了点其中一个组件的next,另一个组件是不知道的, 也就不会去刷新另一个的state.
这两个组件是同类型的, 有类似面向对象中的类变量(static)来使得这两个组件保持一致性吗?


组件间通信 :
父组件到子组件间。
子组件到父组件减。
两个独立的组件间。

http://ctheu.com/2015/02/12/how-to-communicate-between-react-components


页面上所有的数据,都放到store里统一管理,对于你的问题,就是把currentPageNumber存到store里,然后两个pagination都分别来读写这个存在store里的currentPageNumber;


首先表明我也是初学者,大神轻喷。
这种情况如果给我做的话,我会把pagination的state的委托到父组件中,之后在父组件中实现一个handleNext的方法,用回调的方式传给pagination,这样两个pagination组件就可以同步了。


初学者啊,不知道这个组件间通信对你有没有帮助。

【热门文章】
【热门文章】