Как правильно добавить елемент(инпут) в начало средину списка на React.js?

Question

[ky61k]

При первом рендеринге(При загрузке страницы) все ок.
Потом при нажатии на + я добавляю еще 1 блок, в зависимости на какой + нажимаешь, блок должен вставляться в соответствующее место.

Делаю это путем добавление объекта {t:''} в массив data.

Но на практике что то пошло не так. при нажатии на + добавляется блок но инпуты в этом блоке не обновляются(визуально) когда в коде все ок.

Второй блок должен был быть с пустым инпутом.

Answer 1

[Андрей Антропов]

Скорее всего проблема в отсутствии параметра key при создании компонента, если его нет реакт не сможет понять куда именно был вставлен инпут и не сохранит корректно состояние остальных инпутов.

Answer 2

[ky61k]

Параметра key действительно у меня нет.
А могли бы Вы написать маленький пример, как нужно правильно сделать?

Comments

[CrazyHorse]

https://facebook.github.io/react/docs/multiple-com... Dynamic Children

[ky61k]

Спасибо