본문 바로가기
React

props

by 멋진 개구리 2020. 6. 4.
반응형

컴포넌트에서 컴포넌트로 전달하는 데이터

App.js

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

function App() {
    return(
     <div>
        <h1> Hello </h1>  
       <Food fav="kimchi"/>
       <Food fav="ramen"/>
       <Food fav="samgyepsal"/>
       <Food fav="oojinga"/>
    </div>
    );
}

결과

 

반응형

'React' 카테고리의 다른 글

state  (0) 2020.06.11
map();  (0) 2020.06.05
리액트 기초개념 JSX  (0) 2020.06.03
리액트 동작원리  (0) 2020.06.03
리액트 환경설정 및 실행  (0) 2020.06.03

댓글