# Props

443개의 포스트

Unit6 회고

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

약 13시간 전
·
0개의 댓글
·
post-thumbnail

[React] 컴포넌트

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

2일 전
·
0개의 댓글
·
post-thumbnail

[리액트] 3. 컴포넌트 (1)

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

3일 전
·
0개의 댓글
·
post-thumbnail

TIL) React State & Props

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

5일 전
·
0개의 댓글
·

Props

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

5일 전
·
0개의 댓글
·
post-thumbnail

[emotion] props 전달 방법과 type 에러 해결방법

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

6일 전
·
0개의 댓글
·
post-thumbnail

[React] Props

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

2022년 9월 21일
·
0개의 댓글
·

React_Props,State

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

2022년 9월 19일
·
0개의 댓글
·

props

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

2022년 9월 18일
·
0개의 댓글
·

코드캠프 3주차, 리액트 State와 Props

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

2022년 9월 15일
·
0개의 댓글
·

TIL | React 04 / 컴포넌트 상태 states / props

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

2022년 9월 13일
·
0개의 댓글
·
post-thumbnail

[React]state와 props

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

2022년 9월 11일
·
0개의 댓글
·

React - Recoil

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

2022년 9월 10일
·
0개의 댓글
·

[리액트를 다루는 기술] TodoInsert에 props로 전달하는 함수는 useCallback & 렌더링 필요 없는 nextId는 useRef로 처리

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

2022년 9월 7일
·
0개의 댓글
·
post-thumbnail

리액트 공식 문서 정리(3) - component and props

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

2022년 9월 7일
·
0개의 댓글
·

React State, Props

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

2022년 9월 5일
·
0개의 댓글
·

State와 Props

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

2022년 9월 4일
·
0개의 댓글
·

[리액트를 다루는 기술] PropTypes로 props 타입과 필수 관리

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

2022년 9월 1일
·
0개의 댓글
·
post-thumbnail

[React]cmarket : 장바구니 기능구현

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

2022년 8월 31일
·
0개의 댓글
·