[React] 노트정리 : hook useState

Young eee·2023년 3월 8일

React

목록 보기
5/12
post-thumbnail

📖 hook

💻 useState

  • 함수형 컴포넌트에서 상태를 관리하는 가장 기본적인 훅
    컴포넌트가 렌더링 될 때마다 변화하는 값을 저장

📌Ex.1

📌Ex.2

  • 버튼을 클릭하여 1씩 늘려주고 초기화버튼으로 다시 0으로 만듬

📌Ex.3

  • input으로 입력받아서 넣어주기

📌Ex.4

  • select 선택된 값이 위에 글자로 보여짐

📌Ex.5

  • radio로 선택된 항목이 위에 보여짐

📌Ex.6

  • checkbox

📌Ex.7

  • 버튼 누르면 랜덤숫자, 날짜 보여지기

0개의 댓글