[React] props 간단 예제

1. App.js 파일에 Food 함수를 생성해준다.

function Food(props) {

 

  return <h3>I love {props.fav}</h3>;

}

 

2. App 함수에서 food 컴포넌트를 사용해 함수의 인자를 넣어준다.

function App() {

return (

  <div>

    <h1>Hello!</h1>

    <Food fav="kim"></Food>

    <Food fav="ramen"></Food>

    <Food fav="soup"></Food>

  </div>

  );

}

 

3. 결과화면