React Swiper 子组件无法更新父级的状态

Question

我正在使用Swiper for React，我正在尝试实现整页滑动。这里的代码沙箱：https://codesandbox.io/s/nested-full-page-swiping-8i7sv

基本上，当您向左或向右滑动到幻灯片 A 或 C 时，它应该禁用垂直滑动，并且应该只在您在幻灯片 B 的任意行上时启用。

由于某种原因，我的父组件的状态在被onSlideChange 事件触发时没有正确更新。我尝试了其他事件，例如 onSlideChangeTransitionEnd，但 vertSwipe 状态未正确更新。

我之前以完全相同的方式对其他一些组件进行了此操作，所以我不完全确定为什么在这种情况下，更新父组件状态的子组件不起作用。我尝试将状态设置器包装在一个函数中并传递该函数，但这似乎也不起作用。

感谢任何帮助，谢谢。

Answer 1

Code Sandbox demo here.

我设法让它工作。子 Swiper 基本上会用swiper.enable() 或swiper.disable() 击中父 Swiper。我相信这是完成此操作的最高效方式，因为这不会触发重新渲染，并且实际上工作得非常优雅。