[react] Props&State ① - Props

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}/>
            )

실행결과