리액트 React 삼항연산자, setTimeout, state 값 변경 알아보기

App.js

import React from "react";
import PropTypes from "prop-types";

// render() -> mount -> componentDidMount() -> 6s

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


export default App;