# Props

yenj

🔅 Props > props란❓ 외부, 즉 부모(상위) 컴포넌트로부터 전달 받은 값을 말하는데 이는 함부로 변경될 수 없는 읽기 전용(read-only) 객체이다. 만약 props가 읽기 전용 객체가 아니라면 props를 전달받은 하위 컴포넌트 내에서 props를 직

sunk2205

리액트 컴포넌트를 이해하며 props와 state를 사용해보았다.

pyounani

3. 컴포넌트 3-1. 컴포넌트 애플리케이션의 사용자 인터페이스를 설계를 할 때 사용자가 볼 수 있는 요소들은 여러 컴포넌트로 구성되어 있다. 컴포넌트는 단순한 템플릿 이상의 기능을 갖추고 있다. 데이터가 주어지면 UI를 구성 라이프사이클 API 이용 컴포넌트가 화면

omegle3333

State살면서 변할 수 있는 값Props vs. Stateprops는 외부로부터 전달받은 값state는 내부에서 변화하는 값

wlwl99

Props : props는 성별이나 이름처럼 변하지 않는 외부로부터 전달받은 값으로, 컴포넌트의 속성(property)을 의미한다. props 특징 상위 컴포넌트로부터 전달받은 값이다. React 컴포넌트는 JavaScript 함수와 클래스로, props를 함수의 전

cloud_oort

emotion props 전달 방법과 type 오류 해결 방법

jdh4601

props란 properties를 줄인 표현으로, 컴포넌트 속성을 설정할 때 사용하는 요소이다부모 컴포넌트로부터 자식 컴포넌트에 데이터를 보낼 수 있게 해준다.어떤 값을 컴포넌트에 전달해줘야 할 때 사용한다.(객체 형태로 전달된다.)모든 React 컴포넌트는 자신의 p

keynene

프로퍼티(properties)의 줄임말컴포넌트에게 어떠한 값을 전달할 때 props를 사용위 코드대로도 실행은 가능하나, Header 컴포넌트 안에 HTML 태그를 하드코딩해줘야 함은 변함이 없음 ex. 1."WEB"을 수정한다고 가정하면 Header안을 수정해줘야 함

qwe8851

자식컴포넌트에서 부모컴포넌트에 있던 state를 쓰고싶으면 props로 전송해서 써야 함<자식컴포넌트 작명 = { state이름 }>자식 컴포넌트에서 props 파라미터 등록 후 props.작명 사용Modal component안에 외부의 state 집어넣기

diclfn42

리액트 기초이자 핵심!! State와 Props

yunhuiii

MainHeader.js예를들어 위에 코드를 props를 전달해서 MainHeader를 이곳저곳에서 쓰고 싶은데 text를 받아서 사용하고 싶다면 아래와 같이 해주면 된다App.jsMainHeader.jsprops란? - HTML attribute(속성)으로 정해주면

ahn-sujin

드디어 리액트에서 가장 중요하고 가장 많이 쓰이는 state와 props개념에 대해서 정리해보려고 한다.

pmb087

리코일 공식 홈페이지나의 경우에 리코일을 알게된, 사용하게된 경위는프로젝트 진행 도중 기한이 다가오는데 여러 feature가 병합되는 과정에서각 기능별 상호작용 부분에서 props , state 관련 이슈가 생겨서이를 트러블슈팅하는 치트키로 사용하게된 케이스이다..해당

minsu2344

nextId는 useState가 아닌 useRef로 관리nextId는 렌더링 되는 정보가 아님예를 들어 화면에 보이지도 않고, 바뀐다고 해서 컴포넌트가 리렌더링 될 필요 없음(참조값)useRef 값은 .current 붙여주기onInsert 함수는 useCallback으

jessiii

리액트 공식 문서 정리 - components and props

dev-sjko

Counter로 React의 State와 Props 사용해보기

jjing9

부모 컴포넌트에서 자녀 컴포넌트로 데이터를 보내는것이 아닌 해당 컴포넌트 내부에서 데이터를 전달할 때 사용한다.부모 컴포넌트로부터 자녀 컴포너트에게 데이터를 전달할 때 사용한다.읽기 전용으로 자녀 컴포넌트에서는 변하지 않고 변하게 하고자 한다면 부모 컴포넌트에서 변경시

minsu2344

PropTypes를 prop-types에서 importcomponent.propTypes = {} 로 사용(propTypes 소문자 주의)원하는 props의 타입 설정 가능isRequired를 이용해 필수요소 설정 가능(꼭 타입 먼저 설정해주고 뒤에 imRequired

koyk0408

상품을 장바구니에 추가하는 기능을 구현함. 페어분이랑은.. setCartItem을 이용해 다른 함수를 만들어서 그 함수를 전달했었다. 그럴필요가 없었는데...; 상태변경함수를 그냥 props로 넘겼을때 분명 오류가 떠서 상태변경함수가 아니라 그 함수를 이용한 함수를 부