How to forward one component to another?

Question

React

There is a slider with pictures, and I want to forward not img (which cannot be done by default), but for example already a card with goods and, for example, other props. But I do not understand how it is how to forward through props. How can it be easier to solve. https://codesandbox.io/s/ly8vp183p9

Answer 1

const ItemComponent = props => (
  <div>
    <p>{props.title}</p>
  </div>
);

...

<Carousel
  items={items}
  ItemComponent={ItemComponent}
/>

UPD. https://codesandbox.io/s/42p1q66589

Answer 2

You can drop a component like this

<Carousel>
        <div>
          <p>text</p>
        </div>
</Carousel>

In the Carousel component, it will be available via props.children