[react] Props&State ① - Props 본문

Web/React

[react] Props&State ① - Props

미니모아 2020. 4. 12. 21:32
반응형
  1. Props?

    • 각 컴포넌트에 데이터를 key와 value 값으로 전달해주는 기능
    • Read Only
  2. 컴포넌트 만들고 props로 값 받아서 출력하기

     function WorldClock(props){
       return(
         <div className= "WorldClock">
           <h2>🌎도시 : {props.city}</h2>
           <p>⌚시간 : {props.time} 시 </p>
         </div>
       )
     }
     function App() {
           return (
             //이전 글과 내용 같음 
             <WorldClock city={'서울'} time= {10}/>
             <WorldClock city={'베이징'} time= {9}/>
             <WorldClock city={'시드니'} time= {12}/>
             <WorldClock city={'LA'} time= {17}/>
             )

실행결과

 

반응형
Comments