无法处理 Reactjs 无限反应轮播错误

Question

I'm trying to use a infinite-react-carousel in my project. I did steps described in npm documentation but getting error. Here is the example of simple Carousel.

import React from 'react';
import Slider from 'infinite-react-carousel';

const Carousel = () => (
    <Slider dots>
        <div>
            <h3>1</h3>
        </div> 
        <div>
            <h3>2</h3>
        </div>
        <div>
            <h3>3</h3>
        </div>
        <div>
            <h3>4</h3>
        </div>
        <div>
            <h3>5</h3>
        </div>
    </Slider>
);

export default Carousel;

Answer 1

For anyone finding this, this solution worked for me:

 const [sliderVisible, setSliderVisible] = React.useState(false); React.useEffect(() => { setSliderVisible(true); }, []); return ( <div> {sliderVisible && <Slider>...slides </Slider> } </div> );

For some reason the slider component doesn't like being loaded immediately. I was having an issue where it would cause a crash if the page was reloaded with the slider on the screen, throwing the same error as OP.