state (3) 썸네일형 리스트형 Section2 Unit6 [React] React State & Props - 과제 Twittler State & Props Section2 Unit6 [React] React State & Props - 과제 Twittler State & Props ⭐️ 과제. React Twittler State & Props → 기본 레이아웃과 css는 코드스테이츠에서 준비한 코드를 fork해서 몇가지 기능만 덧붙이며 학습하는 과제였다. → 상세 컴포넌트를 구현하고, map()을 사용해 리스트를 출력하고, React Router를 적용해 SPA를 구현했으며, state와 props를 이용해 Tweet 전송 Form을 구현했다. 📌 구현 과정 중 Memo 1. defaultValue와 value → defalutValue와 value는 함께 쓰면 둘 중에 하나만 쓰라고 경고가 남. Warning: Tweets contains an inpu.. React state와 간단하게 알아보는 useState 👾 state란? • state는 컴포넌트 내에서 변할 수 있는 값, 즉 상태를 의미한다. • React 컴포넌트는 state가 변경되면 새롭게 호출되고, 리렌더링 된다. (UI가 자동으로 업데이트됨) • state는 props처럼 App 컴포넌트의 렌더링 결과물에 영향을 주는 데이터를 갖고 있는 객체지만, props는 (함수 매개변수처럼) 컴포넌트에 전달되는 반면 state는 (함수 내에 선언된 변수처럼) 컴포넌트 안에서 관리된다. 즉, props는 컴포넌트를 사용하는 외부자를 위한 데이터고, state는 컴포넌트를 만드는 내부자를 위한 데이터이다. 👾 useState import { useState } from 'react'; // useState 호출 const [state, setState] = .. Section2 Unit6 [React] React State & Props Section2 Unit6 [React] React State & Props 📌 Chapter1. React State & Props • 리액트는 단방향 데이터 흐름(one-way data flow)을 가진다. 따라서 React에서 데이터를 다룰 때는 컴포넌트들 간의 상호 관계와 데이터의 역할, 데이터의 흐름을 고려하여야 한다. • state와 props 모두 컴포넌트의 렌더링 결과물에 영향을 주는 데이터를 가지고 있다. props는 함수의 매개변수처럼 컴포넌트에 전달되는 반면 state는 함수 내에 선언된 변수처럼 컴포넌트 안에서 관리된다. 즉, props는 컴포넌트를 사용하는 외부자를 위한 데이터이고, state는 컴포넌트를 만드는 내부자를 위한 데이터이다. • 이번 챕터에서 React의 기본 개념인.. 이전 1 다음
