props

상위(부모) 컴포넌트에서 하위(자식) 컴포넌트로 데이터를 넘겨 줄때 사용한다. 

 

./App.js

import React, { Component } from 'react';
import MyComponent from './MyComponent';

const App = () => {
  return <MyComponent name="React" />
}

export default App;

 

./MyComponent.js

import React from 'react';

const MyComponent = props => {
    return <div>이름은 {props.name} 입니다.</div>
}

export default MyComponent;