본문 바로가기

FrontEnd/React

[React] movie_app//5-2.LoadingState


실제적으로 데이터를 가져온다면 이런 식일 것이다.


일단 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