滑块反应光滑

Question

我有数据：

const mockedData = [
    {
        title: "Junior",
        columns: [{ title: "Column 1" }],
    },
    {
        title: "Mid",
        columns: [{ title: "Column 1" }, { title: "Column 2" }, { title: "Column 3" }],
    },
    {
        title: "Senior",
        columns: [{ title: "Column 1" }, { title: "Column 2" }, { title: "Column 3" }],
    },
    {
        title: "Expert",
        columns: [{ title: "Column 1" }],
    },
];

第一项（初级）有 1 栏，第 2-3 项有 3 栏，第四项（专家）有 1 栏。

尝试实现滑块，但不知道如何逐列移动。当我尝试实现它正在移动 1-3-3-3-1 时，我想要正如我所说的一一滑动 1-1-1-1-1-1...

    const settings = {
        infinite: false,
        speed: 500,
        slidesToShow: 0.5,
        slidesToScroll: 1,
        variableWidth: true,
        draggable: false,
    };

    const sliderRef = useRef(null);

    const handleNext = () => {
        sliderRef.current.slickNext();
    };

    const handlePrev = () => {
        sliderRef.current.slickPrev();
    };

<Slider ref={sliderRef} {...settings} className={styles.slider}>

滑块位于我的 div 顶部。

Answer 1

可以分享更多代码，以便我可以轻松了解您遇到问题的位置。 比如你使用的是哪个包以及完整的jsx代码。