state 활용하기

state활용해 5초 후에 내용 바꾸기 예제

Loading → Finish(5초 후)

import React from 'react';

class App extends React.Component{
  state = {
    isLoading: true
  };
  componentDidMount() {
    setTimeout(() => {
      this.setState({ isLoading: false });
    }, 5000);
  };
  render() {
    const { isLoading } = this.state;
    return <div>{this.state.isLoading ? "Loading" : "Finish"}</div>;
  };
}
  

export default App;