프로그래밍/자바스크립트

리액트 useState 여러 값 저장법

LunaStratos 2020. 11. 22. 19:44
const [inputs, setInputs] = useState({
    isloading: true,
    movies: [], 
  });

  const {
    isloading, 
    movies,
  }  = inputs

위에서처럼 inputs에 선언한 값들을 그대로 적은후

 

<div>
      안녕하세용? {isloading? 'true': false}
      <div>
        {movies.map((movieInfo) => {
          console.log(movieInfo);
          return <Movie rnum={movieInfo.rnum} movieNm={movieInfo.movieNm} salesShare={movieInfo.salesShare} openDt={movieInfo.openDt}/>
        })}
      </div>
    </div>

 

다음과 같이 변수명을 {} 로 부른다