Динамическое добавление элементов в React.js?

Question

[Рустем]

Добрый день!

Есть задача нарисовать форму служебной записки, где в поле "Кому:" может быть от одного до нескольких адресатов. Посредством react.js рисую форму где добавляю кнопку "Кому" и одно поле  <input>.
Хочу при нажатии данной кнопки добавлять еще адресатов, но не пойму как через react.js делать это или это необходимо через другие библиотеки делать?

Answer 1

[123 123]

let Form = React.createClass({
  getInitialState() {
    return {
      fieldsCount: 1
    };
  },
  _addField() {
    this.setState({ fieldsCount: this.state.fieldsCount + 1 });
  },
  render() {
    let fields = [];

    for (let i = 0; i < this.state.fieldsCount; i++) {
      fields.push(<input />);
    }

    return (
      <form>
        {fields}
        <button onClick={this._addField}>+</button>
      </form>
    );
  }
});

Comments

[rmaksim]

что-то тут не то ))
fieldsCount: 1
this.state.fieldsCount.map(...)

[123 123]

rmaksim: Точно :) Исправил, спасибо.

Answer 2

[Максим]

Динамические элементы, автофокус в инпуте и другие стандартные вопросы рассмотрены в курсе react.js для начинающих на русском.