오늘만살자

상위(부모) 컴포넌트에서 하위(자식) 컴포넌트로 데이터를 넘겨 줄때 사용한다. ./App.js import React, { Component } from 'react'; import MyComponent from './MyComponent'; const App = () => { return } export default App; ./MyComponent.js import React from 'react'; const MyComponent = props => { return 이름은 {props.name} 입니다. } export default MyComponent;

src 폴더 밑에 MyComponent.js 파일 생성 ./MyComponent.js import React from 'react'; const MyComponent = () => { return 첫 컴퍼넌트 } export default MyComponent; ./App.js import React, { Component } from 'react'; import MyComponent from './MyComponent'; const App = () => { return } export default App;

yarn create react-app hello-react cd hello-react yarn start npm init react-app hello-react cd hello-react npm start