실제적으로 데이터를 가져온다면 이런 식일 것이다.
일단 App에 state라는 객체가 있고
componentDidMount()는
setTimeout을 통해 일정 시간후
setState를 통해서 state의 속성과 값을 추가할 것이다.
_renderMovie는 movies를 만들고 그 값으로 movies의 맵핑한 값을 리턴 받는다.
그리고 그 값 또한 리턴 한다.
render()는 App의 state의 movies값에 따라 값이 바뀌는데
기본적으로는
state에는 movies가 없으므로 Loading이 뜨고
setTimeout을 통해서 3초 후에
moives가 생성되면
renderMovie를 통해 맵핑한 값을 랜더링한다.
'FrontEnd > React' 카테고리의 다른 글
[React] movie_app//7. AJAX (0) | 2018.10.01 |
---|---|
[React] movie_app//6.Dump Component VS Smart Component (0) | 2018.10.01 |
[React] movie_app//5-1.State (0) | 2018.10.01 |
[React] movie_app//5.LifeCycle in React (0) | 2018.10.01 |
[React] movie_app//3. propType (0) | 2018.09.21 |