[리액트] 움직이는 Component-노마드코더

안녕하세요 꼬바리입니다.

app.js

import React from 'react';

class App extends React.Component{
  state ={
    isLoading: true,
    movies : []
  };
  componentDidMount(){
    setTimeout(() =>{
      this.setState({isLoading:false});
    },6000 );
  }
    render(){
      const { isLoading } = this.state;
      return (
        <div>{isLoading ? "Loading..." : "We are ready"}</div>
      );
    }
}

export default App;

//movies:[] 주석 처리 가능 ^^

 

setTimeout 으로 6초 후에

 

loading -> we are ready 자동 변경

 

 

결과물