JayGo 개발 연습장

  • 홈
  • 태그
  • 방명록

제어 컴포넌트 1

제어 컴포넌트와 비제어 컴포넌트

제어 컴포넌트가 왜 필요할까?'상태가 변경되면 화면(UI)을 업데이트한다'는 것은 리액트의 핵심 컨셉 중 하나다.아래는 간단한 카운터 앱의 예시다. Counter 컴포넌트에 정의된 count가 button 태그의 onClick에 등록된 이벤트 핸들러 콜백 함수 setCount의 동작에 맞게 count를 변경하면 DOM이 리렌더링된다. 당연하게도 상태의 변경도 없고, 부모로부터 전달받은 props의 변경도 없으며, 부모 컴포넌트가 리렌더링 되지 않은 App 컴포넌트는 리렌더링 대상이 아니다. 따라서 App 컴포넌트의 h1 태그는 리렌더링되지 않는다.import { useState } from 'react';import './App.css';function Counter() { const [count, s..

React 2024.11.25
이전
1
다음
더보기
프로필사진

JayGo 개발 연습장

jaygo-dev 님의 블로그 입니다.

  • 분류 전체보기 (89)
    • HTML-CSS (6)
    • JavaScript (15)
    • React (10)
    • Node (1)
    • Express (0)
    • Web (2)
    • Git-Github (3)
    • 개발 용어-상식 (1)
    • TIL (46)

Tag

jsx, 원시 타입, git, createElement, Til, 티스토리챌린지, react, JavaScript, HTML, CSS, 프로퍼티, 리액트, es module, Vite, useState, 오블완, common js, form 태그, 실행 컨텍스트, 자바스크립트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • 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.

티스토리툴바