DEVELOPMENT RECORD

  • 홈
  • 태그
  • 방명록

여러개 input 사용 1

[React] 여러개의 input 상태 관리하기

input의 개수가 여러개가 됐을 때, 단순히 useState를 여러번 사용하고 onChange도 여러개 만들어서 구현할 수 있다. 하지만 이 방법은 가장 좋은 방법이 아니다. 더 좋은 방법은 input에 name을 설정하고 이벤트가 발생했을 때 이 값을 참조하는 것이다. 그리고 useState에서는 문자열이 아니라 객체 형태의 상태를 관리해주어야 한다. import React, { useState } from 'react'; function InputSample() { const [inputs, setInputs] = useState({ name: '', nickname: '' }); const { name, nickname } = inputs; // 비구조화 할당을 통해 값 추출 const onCha..

Development/React.js 2022.01.04
이전
1
다음
더보기
프로필사진

DEVELOPMENT RECORD

꾸준히 공부하며 기록하는 개발을 위한 블로그 입니다. https://github.com/moretz0921

  • 분류 전체보기 (168)
    • Development (166)
      • Html (15)
      • CSS & SCSS (31)
      • React.js (120)
    • Development Environment (0)

Tag

VUE, Git, 태그정리, moment.js, 함수, javascript, 타입스크립트, npm, DoM, 자바스크립트, 프로그래머스, 제이쿼리, 리엑트, HTTP, react, 퍼블리셔, 알고리즘, 객체, Level1, 라이브러리,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바