Reactjs не реиндексирует для массива компонентов

Question

Это вопрос о том, как реагировать на реакцию и как работают компоненты в массивах.

Так я функция, которая создает массив компонентов, но в users реквизита пусто, если я делаю это следующим образом:

// General look of the component 
// <StartMultiple key={this.count} users={this.state.users} id={this.count} delete_this={this.delete_this}/> 

// Just an example 
this.array = [] 
add_repeat() // do this 5 times, for example 

render(
    {this.array} // users prop is empty 
) 

add_repeat() 
{ 
    this.repeats.push(<StartMultiple key={this.count} users={this.state.users} id={this.count} delete_this={this.delete_this}/>); 
    this.setState({ repeats: this.repeats }); 
    this.count++; 
} 

Но если я просто наклеить <StartMultiple key={this.count} users={this.state.users} id={this.count} delete_this={this.delete_this}/> непосредственно в return()render() обновляет свои реквизиты при необходимости. (обновляется с помощью this.setState())

Итак, мой вопрос в том, есть ли способ исправить этот пустой реквизит массива в массиве компонентов или просто посмотреть, как отображать их по-другому? Например. map()

Answer 1

Реагирующие компоненты не входят в состояние, состояние реакции должно содержать сериализуемое состояние приложения, а не компоненты, которые являются визуальным представлением этого состояния.

Пожалуйста, смотрите здесь, под «что не должно идти в состоянии»:

http://web.archive.org/web/20150419023006/http://facebook.github.io/react/docs/interactivity-and-dynamic-uis.html#what-shouldnt-go-in-state