React useState 更新不是重新渲染组件

React useState update is not re-rendering component

我想重新渲染使用父组件状态作为道具的子组件。

我的场景: 并使用 react-slick 滑块在页面上显示图像,它有一个 prop initial slide accoding 哪个滑块显示初始幻灯片。 我正在使用 useState() 来维护 initialSlide 值,页面上还有另一个触发器更新 initialSlide 值,当我更新 initialSlide 值时它不会重新呈现 react-slider。

请查看下面的演示代码: Demo

在上面的演示中,单击按钮> currentSlide 值更新> react-slider 不更新。

有没有办法在 React 中实现这一点,我尝试使用 redux 存储,但子组件永远不会重新呈现。

您可以使用 sliderNext and sliderPrev methods. Also to use them you should get ref to slider via useRef 挂钩。

使用该方法的示例:https://react-slick.neostack.com/docs/example/previous-next-methods/

工作滑块:https://stackblitz.com/edit/react-bwfh5g