Render a Component's props

Render a Component's props

 

당신은 컴포넌트의 props 객체에 정보를 전달했다!

 

당신은 당신이 전달하는 정보를 화면에 보이기위해 컴포넌트를 종종 원할 것이다. 

 

여기 전달된 정보를 보이게 하는 컴포넌트를 만드는 방법이 있다. 

 

1- 정보를 받으려는 컴포넌트 클래스를 찾는다. 

2 - return문의 렌더 메소드의 컴포넌트 클래스안에 this.props.name-of-information을 포함한다. 

 

import React from 'react';
import ReactDOM from 'react-dom';

class Greeting extends React.Component {
  render() {
    return <h1>Hi there, {this.props.firstName}!</h1>;
  }
}

ReactDOM.render(
  <Greeting firstName='Inchoen' />, 
  document.getElementById('app')
);

 

 

https://www.codecademy.com/courses/react-101/lessons/this-props/exercises/render-component-props