# Props

pks787

프로젝트 1차 프론트 전체 세션

michael00987

props 부모 컴포넌트가 자식컴포넌트의 속성으로 state의 정보를 객체로 넘겨줄 수 있고, 넘겨받은 객체를 props 키워드를 통해 사용하거나 다시 자식의 자식 객체로 넘겨 줄수 있다. state는 하위(자식) 컴포넌트에서 직접 접근할 수 없다. 그러나 간접적으로 접근 할 수 있는 방법은 있다. 바로 부모 컴포넌트가 가지고 있는 메서드를 통해서 ...

michael00987

React props recast.ly

michael00987

React는 임의로 정의한 Element를 만나면 JSX artibute를 해당 컴포넌트에 단일 객체로 전달한다. 이 객체를 props라고 한다.

kyjun

리액트에서 부모컴포넌트에서 자식 컴포넌트로 props를 넘겨주는 것은 매우 쉽다. 하지만 반대로 자식에서 부모의 컴포넌트의 state를 변경해줘야 하는 일이 필요하다. 어떻게 하면 바꿀 수 있을까 ?? 바로 form 태그를 사용해서 바꿀 수 있다. 출처는 이곳이다. 이곳에 나와 있는 설명을 풀어보면 다음과 같다. 부모컴포넌트에서 자식 컴포넌트로 onS...

shaqok

React Core Concepts React 사이트에 정의된 React 가 무엇인지 확인해보면, A JavaScript library for building user interfaces, 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 (프레임워크) 즉, UI 를 보다 쉽고 간편하게 만들기 위한 JS 라이브러리입니다. 그렇다면 이 Re...

jungsw586

TypeScript를 활용하여 React 개발을 할때의 좋은 점 중 한가지는 바로 Props를 받는 쪽에서 정할 수 있다는 점이다. Props로 지정할 수 있는 변수들의 이름과 형태까지 지정해 줄 수 있어서 자식 컴포넌트에 Props를 넘겨줄 때 일어나는 문제점을 미리 방지 할 수 있다. 그렇다면 간단하게 어떻게 Props를 정의해주고 활용하는지에 대해 ...

sbinha

우선 props를 보낼 곳에서 Router를 import 합니다. button을 이용해 해당 파일 경로와 보내고 싶은 props를 query형태로 보내줍니다. button의 모양은 대략 이렇게 생겼습니다. SendQuery 함수의 형태입니다. query를 받는 곳(/pages/register)에 { useRouter }를 import 합니다. re...

miniyoung37

👉 React > 페이스북이 만든 라이브러리(하지만 Redux나 MobX, react-router와 함께 프레임워크처럼 사용) Redux 공부 check > Component 시스템을 구현했기 때문에 효율적으로 코딩 가능 👉 Component란 하나의 의미를 가진 독립적인 단위 모듈 👉JSX 자바스크립트의 확장 문법 1) 반드시 하나의 엘리먼트로 감...

dankim

1. React? 2. ES6? ES6 문법을 알아야 리액트가 편해진다. - Destructuring - spread operator - rest parameters - default parameters - templete literals - arrow function - for-of loop 3. JSX? 자바스크립트의 확장 문법 - 반드시 하나...

public_danuel

React에서 동적으로 값을 전달하는 방법인 Props 개념을 알아봅니다.