기본 후크: useState

안녕하세요 여러분 👋, 잘 지내고 계시길 바랍니다.

그래서 오늘은 React.useState Hook의 모든 기본 개념을 배우게 될 것입니다.
React.useState는 초기 상태인 하나의 인수를 받아들이고 두 개의 값을 포함하는 배열을 반환하는 함수입니다. 첫 번째 값은 현재 상태이고 두 번째 값은 현재 상태를 업데이트할 수 있는 업데이트 기능입니다.

이 두 변수의 이름은 원하는 대로 지정할 수 있지만 일반적인 규칙은 현재 상태의 이름을 선택한 다음 업데이트 함수 앞에 set 접두사를 붙이는 것입니다.



다음은 React.useState 후크를 사용하는 샘플 코드입니다.

// function component
function Counter() {
  const [count, setCount] = React.useState(0);

  const increment = () => {
    setCount(count + 1);
  };

  return <button onClick={increment}>+ {count}</button>;
}

예시


이 기사에서 무언가를 배웠기를 바라며 의심이 있으시면 의견을 남겨주십시오. 귀하의 모든 질문에 기꺼이 답변해 드리겠습니다.

제 이름은 Bipin Rajbhar이고 QuikieApps의 소프트웨어 엔지니어입니다.

자원
The Beginner's Guide to React
Epic React