Reactjs가 컴포넌트 배열에 대해 다시 렌더링되지 않습니다.

Question

이 질문은 reactjs가 다시 렌더링을 처리하고 배열의 컴포넌트가 어떻게 작동하는지에 대한 일반적인 질문입니다.

그래서 나는 성분의 배열하지만 users 소품을 생성하는 기능은 다음과 같이 내가 할 경우 비어있다 : 난 그냥 return()render()에 직접 <StartMultiple key={this.count} users={this.state.users} id={this.count} delete_this={this.delete_this}/> 스틱 경우는 소품을 업데이트

// 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++; 
} 

을하지만, 적절한. (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