[React] useState 사용하는 이유 및 사용하는 방법

---

 

useState를 사용하는 이유는

 

페이징이 새로고침이 되지 않아도 알아서 

 

원하는 데이터를 바뀐다는것이 가장 큰 장점이다.

 

중요한건 

 

무조건

 

useState로 만들어서 사용해야좋다.

 

 

 

---

App.js

 

 

import React, { useState } from 'react';

 

 

맨위에 이거한줄 넣어준다.

 

(useState) 사용하겠다는 선언.

 

 let [a,b] = useState('남자 코트 추천', '여자 청바지 추천' );  // ES6 destructuring 문법 =   var [a,b] = [10, 100];

 

 

a[0] = '남자 코트 추천'

a[1] = '여자 청바지 추천'

 

이라는 의미이다.

 

  return (
    <div className="App">
        <div className="black-nav">
            <div> 개발 BLOG</div>
        </div>
            <div className="list">
                <h3>{ a }</h3>
                <p>2월 17일 발행</p>
                <hr/>
            </div>
    </div>
  );
}

 

 

 

<h3> { a  } </h3> 보면 

 

확인 해 볼 수 있다.

 

 

 

 

나오게 된다.

 

 

 

 

 

만약 a[0] 데이터 라면?

 

남 글씨가 하나 나오게 된다.

 

정리하자면 

 

a[0] = 남 

a[1] = 자

a[2] = 공백

a[3] = 코

 

이렇게 된다.

 

 

 

만약?

 

 

다음과 같이 useState안에도

 

[ ] 배열 처리를 해주었다면?

 

 

 

 

a[1]을 호출 하였을 때

 

 

 

 

 

 

'여자 청바지 추천'

 

이 나오게 된다.

 

 

 

 

---

 

To be continue..