Javascript 重写现有的react.js类

我正在使用旋转木马组件。在内部，有一个CarouselItem组件，所以它看起来像这样：

        return (
          <Carousel>
            <CarouselItem key={obj.src1}>
              <EmbeddedVideo provider={obj.provider1} videoId={obj.src1} />
            </CarouselItem>
            <CarouselItem key={obj.src2}>
              <EmbeddedVideo provider={obj.provider2} videoId={obj.src2} />
            </CarouselItem>
            ...
          </Carousel>
        );

返回(
...
);

一切正常，但如何获得旋转木马道具？我想在EmbeddedVideo内收听CarouselItem.props.active的道具更改，以确定它是否可见，如果不可见，请在EmbeddedVideo组件内暂停视频

我相信我可以创建EmbeddedVideo Inside CarouselItem渲染方法，并在那里传递它的活动道具，但我不想复制粘贴整个CarouselItem来添加一个元素

---

那么我如何修改它呢？或者有其他方法可以通过CarouselItem控制嵌入式视频？

无论您在哪里编写粘贴的返回语句，都可以完全控制CarouselItem的道具。看起来您没有在

CarouselItem

上设置任何道具

如果您谈论的是

CarouselItem

的状态，则需要将回调函数作为道具传递给

CarouselItem

，该道具在其状态更改时将被调用，以便父组件能够适当响应