[ React ] useState

💡 UseState

import React, { useState } from 'react';
//// 리액트에 있는 내장함수 import
 const [user,setUser] = useState('parkhacker');
//[user데이터, user데이터변화함수]

state 값을 변화 시키고 싶다면 함수를 불러 인자에는 변경하고 싶은 값을 넣어주면 된다.

setUser(`변경하고 싶은 값`);
setNumber(count + 1);

🌟mdn 예제

import React, { useState } from 'react';

function Example() {
  // "count"라는 새로운 상태 값을 정의합니다.
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        //리턴값 = setCount(count+1)
        Click me
      </button>
    </div>
  );
}

이벤트 추가시 onclick = {실행하고 싶은 함수 이름} 형태로 설정해준다.

  const handleChangeUser = (event) => {
    setUser(event.target.value);
    //이벤트가 일어나는 타겟의 value를 user의 값으로 업데이트
  };