State
-
[weather_app_2] Loading View프로젝트/[react]weather_app 2018. 4. 16. 21:11
정보를 받았는지 확인하는 indicator가 필요하다. state = { isLoaded: false } 로딩이 완료되면 정보를 보여주고 , 로딩이 완료되지 않으면 로딩 스크린을 보여주자 render() { const { isLoaded } = this.state; return ( {isLoaded ? null : ( Getting the weather )} ); } 배경색과 텍스트 모양 const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff' }, loading:{ flex: 1, backgroundColor:'#FDF6AA', justifyContent: "flex-end", paddingLeft: 25 }, Lo..
-
[movie_app_3] 컴포넌트 Lifecycle과 state프로젝트/[react]movie_app 2018. 4. 2. 15:21
컴포넌트 lifecycle 이란? 컴포넌트는 여러 기능을 순차대로 실행한다. render cycle : 컴포넌트가 존재할 때 동작componentWillMount() //사이클이 시작render()componentDidMount() //데이터 작업 update cyclecomponentWillReceiveProps() //컴포넌트가 새로운 props를 받음shouldComponentUpdate() //이전 props과 새 props가 다르면 truecomponentWillUpdate() //spinner를 보여주는 등의 작업render()componentDidUpdate() //렌더가 되었으니, spinner를 숨기는 작업을 하면 좋을듯 state컴포넌트 안의 state가 변경 될 떄마다 render가 ..