How to clone a component on button click?

Question

React

How to make a clone of a component when a button is pressed, as in the
example

Answer 1

Components must be drawn in a loop ( map or forEach ). The data must be in the state. When you click on "add" - a new entry appears in the state and the component is automatically drawn.
Pseudo code:

state = {
  modelSelectors: [{obj1}, {obj2}]
}

renderSelectors = () => {
  this.state.model.selectors.map(item => <Select ... />
}

addSelector = () => {
  this.setState({ modelSelectors: +1 элемент в массиве })
}