Как добавлять неограниченное количество элементов в React?

Создать какой-нибудь компонент инпута const input =
Создать список инпутов let list_inputs = [];
При клике мы добавляем input в list_inputs: list_inputs.push(input).
Абстрактно так.

Что-то тип того

constructor(props) {
        super(props);
        this.state = {
          data: []
        };
};
renderInput () {
   return this.state.data.map(item => {
       return <div>
           <input type="text" value={item}/>
       </div>
   })
}

addInput () {
   let data = this.state.data;
   data.push('Новый инпут');
   this.setState({ data: data });
}

render() {
   return (<div>
       <button onClick={this.addInput.bind(this)}>Добавить</button>
       {this.renderInput()}
    </div>
    )
}