노마드 코더 props 기본 예제

import React from 'react';

function Food(props) {
 return <h1>I like {props.fav}</h1>
}


function App() {
  return ( 
          <div>
          <h1>Hellow!!</h1>
          <Food fav = "kimchi" />
          <Food fav = "ramen" />
          <Food fav = "samgiopsal" />
          <Food fav = "chukumi" />
          </div>
  );
}
export default App;

 

내부에서 사용 할때는 아래로

import React from 'react';

function Food({ fav }) {
 return <h1>I like {fav}</h1>
}


function App() {
  return ( 
          <div>
          <h1>Hellow!!</h1>
          <Food fav = "kimchi" />
          <Food fav = "ramen" />
          <Food fav = "samgiopsal" />
          <Food fav = "chukumi" />
          </div>
  );
}
export default App;