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/
我想重新渲染使用父组件状态作为道具的子组件。
我的场景: 并使用 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/