微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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

Refer the first image

Refer the second image

解决方法

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。