我想要获取公共数据并使用keen-slider来显示它们。然而，它似乎工作得不太好，特别是当我尝试添加左右箭头时。它们不会显示出来。另一个问题是滑块在第一次加载时会冻结，只有在调整窗口大小后才会移动。

const [data, setData] = useState([]); const [options, setOptions] = useState({}); const [currentSlide, setCurrentSlide] = useState(0); const [loaded, setLoaded] = useState(false); const [sliderRef, instanceRef] = useKeenSlider(options); useEffect(() => { fetch("./data.json") .then((response) => response.json()) .then((json) => { console.log(json); setData(json); }); setOptions({ initial: 0, slides: { origin: "center", perView: "3", spacing: 25 }, slideChanged(slider) { setCurrentSlide(slider.track.details.rel); }, created() { setLoaded(true); } }); }, []);

请在[此处](https://codesandbox.io/s/delicate-butterfly-d4vp5k?file=/src/App.js)查看完整代码。

我按照这些帖子1帖子2中的建议，在获取数据时更新了useKeenSlider中的选项。这有助于缓解错误消息，但并未完全解决问题。

我还按照这里的示例添加了箭头。

欢迎提出任何建议！