因此，如果这是一个愚蠢的问题，请原谅。
我在我的项目中使用React Carousel Component（react-slick）。我要实现的目标是，在此块内，我要使用模块“ CarouselSlide ”。
<Slider {...settings}> //--> react-slick component tag
<CarouselSlide/> //--> my module
</Slider>
CarouselSlide是我的反应模块，显示单个轮播幻灯片。
是否可以使用这种方式，还是我必须编辑“ react-slick ”组件自己的源代码？
取决于您要如何显示幻灯片，react-slick我证明很难做到这一点，因为该组件似乎在其自己的幻灯片中显示了每个同级元素。使用自己的React组件作为子组件的问题react-slick在于，组件必须返回单个父组件，并且当前无法在render函数的return语句中发送多个同级元素。
react-slick 似乎想要类似以下的设置：
<Slider {...settings}>
<div>1</div>
<div>2</div>
</Slider>
但是在React中创建一个组件并返回
<div>1</div>
<div>2</div>
由于需要单个父封装return语句，因此将返回错误。
现在，如果您有一个更复杂的组件来定义每个幻灯片，则可以执行以下操作：
<Slider {...settings}>
<MyComponent />
<MyComponent />
</Slider>
因此，它实际上归结为您如何使用它。如果要在单个组件中返回整个幻灯片集，则需要编辑基本react-slick组件以允许这样做。
看一下这个jsFiddle，您可以看到问题所在。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句