[강의노트] [React] useState
- React Hooks는 react의 state machine에 연결하는 기본적인 방법으로 class를 사용하지 않고도 함수형 컴포넌트에서 state를 관리할 수 있다.
useState는 상태를 변경하는 것으로 [변경할 만큼의 값, 변경되는 값] 2개의 value로 이뤄진 배열을 반환한다.
증가 버튼 클릭시 +1, 감소 버튼 클릭시 -1 되는 기능을 useState를 이용하여 만들어보았다.
const App = () => {
const [item, setItem] = useState(1);
const increament = () => setItem(item + 1);
const decreament = () => setItem(item - 1);
return (
<div className="App">
<h1>Hello {item}</h1>
<button onClick={increament}>증가</button>
<button onClick={decreament}>감소</button>
</div>
);
};
Author And Source
이 문제에 관하여([강의노트] [React] useState), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@interstellayang/강의노트-React-useState저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)