反应两个组件之间的状态同步或两个不同事物之间的更改同步

问题描述

因此,我尝试实现图像的幻灯片显示,并且在从每个图像到另一个图像的滑动效果上,左侧的文本也会发生变化。因此,我正在尝试找到实现此目的的方法,无论是将幻灯片显示作为一个单独的组件,将文本作为一个单独的组件,并将状态共享为活动的className,以便在它们之间共享它,或者应用任何其他可能的策略。希望得到帮助思考这个问题。

Refer the first image

Refer the second image

解决方法

我宁愿使用两个单独的组件,但它们的内容取决于两个不同的状态变量/对象,并使用setState回调在另一个之后更新一个状态变量。将这些变量放在父级的react组件上可能很棒,因此可以将父级的引用传递给其后代,并操纵这些状态变量,避免与道具打架。另外,您可能希望在以下位置使用幻灯片放映反应组件:

https://github.com/femioladeji/react-slideshow