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

Question

我正在将Swiper 用于 React ，并且正在尝试实现整页滑动。 此处的代码沙盒： https://codesandbox.io/s/nested-full-page-swiping-8i7sv

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

出于某种原因，我的父组件的 state 在被onSlideChange事件触发后没有正确更新。 我已经尝试过其他事件，例如onSlideChangeTransitionEnd但vertSwipe state 没有正确更新。

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

感谢任何帮助，谢谢。

Answer 1

代码沙盒演示在这里。

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