Dani's Dev TokTok

  • 홈
  • 태그

form 1

[React] 제어 컴포넌트와 비제어 컴포넌트

들어가며React 로 form 을 구현할 때 제어 컴포넌트와(Controlled Component) 와 비제어 컴포넌트(Uncontrolled Component) 라는 개념을 접할 수 있다.이 두 방식은 입력 값을 관리하는 방법에서 차이가 있으며, 상황에 따라 적절한 방법을 선택해야 한다.이번 포스팅에서는 이 두 개념을 비교할 것이다. 제어 컴포넌트와 비제어 컴포넌트제어 컴포넌트(Controlled Component)입력 값이 React 의 state에 의해서 제어되는 컴포넌트입력 값이 변경될 때마다 onChange 이벤트로 상태 업데이트하고, 업데이트된 상태로 다시 렌더링 한다. 작동 원리사용자가 input 에 값을 입력하면 onChange 이벤트가 호출된다.이벤트 핸들러가 새로운 입력 값을 React..

Study/React 2024.11.22
이전
1
다음
더보기
프로필사진

Dani's Dev TokTok

열심히 개발하는 다니니니니니니의 개발 블로그

  • 분류 전체보기
    • Study
      • Javascript
      • Typescript
      • React
      • Vue
      • Node.js
      • Java
      • HTML & CSS
      • Git
      • CS
    • Project
      • SeSAC 1차 팀 프로젝트
      • SeSAC 2차 팀 프로젝트
      • SeSAC 3차 팀 프로젝트
    • ETC
      • 주절주절

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Github

Copyright © AXZ Corp. All rights reserved.

티스토리툴바