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

Question

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

Answer 1

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

Answer 2

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

Answer 3

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

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

Answer 4

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