How to make dependency of one component to another?

Question

React

For example, there is a block in which there are goods. When you click the "show more" button -> even more products are displayed on the page.

For example, there is a Block component where there are two react components inside it.
For example, Listitems -> products. A Button is a button that should show even more products when you click on it.

<Block
             <ListItems />

             <Button label="Show more"
                     className="red-background"
             />
      </Block>

Answer 1

The array of data to be displayed is passed to the ItemsList from the parent component, and the click handler is passed to the button from the parent component, in which the number of items passed to the ItemsList increases.
https://jsfiddle.net/oLce047k/