反应:当我在旋转木马内传递道具时，每一张牌都使用一个旋转木马，像卡片一样堆叠。

Question

当我在旋转木马内传递道具时，每一张卡都使用旋转木马，每一张牌都会产生多个旋转木马。旋转木马正在进入每一张卡片，成堆的多个旋转木马。

请帮助我，我正在解决这个问题，我在这个问题里已经被困了好几个小时了。

输出图像文件

import Carousel from 'react-elastic-carousel';

const SlideChild = ({ title, category }) => {
    const [open, setOpen] = useState(false);
    const onOpenModal = () => setOpen(true);
    const onCloseModal = () => setOpen(false);
    return (
        <>
            <Carousel
                enableSwipe={true}
                enableAutoPlay
                autoPlaySpeed={3000}
                className='slider'
            >
                <div class='wrapper'>
                    <div class='cards'>
                        <p className='name' onClick={onOpenModal}>
                            {title}{' '}
                        </p>
                        //Modal content
                        <a className='category'>{category}</a>
                    </div>
                </div>
            </Carousel>
        </>
    );
};
const Slider1 = () => {
    const products = Data.map(product => (
        <SlideChild desc={product.desc} title={product.title} />
    ));
    return <>{products}</>;
};

Answer 1

您对SlideChild的定义中包含一个旋转木马，您正在为每个产品调用SlideChild。您需要将旋转木马移动到Slider1定义中。