FrontEnd/React
[React] movie_app//5-2.LoadingState
문서폿
2018. 10. 1. 20:24
실제적으로 데이터를 가져온다면 이런 식일 것이다.
일단 App에 state라는 객체가 있고
componentDidMount()는
setTimeout을 통해 일정 시간후
setState를 통해서 state의 속성과 값을 추가할 것이다.
_renderMovie는 movies를 만들고 그 값으로 movies의 맵핑한 값을 리턴 받는다.
그리고 그 값 또한 리턴 한다.
render()는 App의 state의 movies값에 따라 값이 바뀌는데
기본적으로는
state에는 movies가 없으므로 Loading이 뜨고
setTimeout을 통해서 3초 후에
moives가 생성되면
renderMovie를 통해 맵핑한 값을 랜더링한다.