Props

Props props는 컴포넌트들의 재사용성을 좋게 하기위해서 사용하는 것으로 jsx태그를 쓸 때 쓰는 형식으로 사용한다.

Props는 적을것이 별로 없는것같다.
컴포넌트쪽에서 props를 인자로 받아주거나 아니면 비구조화할당하여 이용해도 되는듯

다음은 props의 이용예제다.

아래와 같은 코드로 props를 이용할 수 있다.

###App.js

 import React from 'react';
 import './App.css';
 import Counter from './Counter';

 function App() {
   return (
       <div>
         <Person name={이현수} />
         <Person name={철수} />
       </div>
   );
 }
 export default App;

###Person.js

import React, {useState}  from 'react';
function Person(props){
    return(
        <div>
            <h1>이름: {props.name} </h1>
        </div>
    );
}
export  default Counter;

만약 props가 없었다면 이름: 이현수 이름: 철수 와 같이 여러번 반복하여 입력해주어야 했을 것이다.
props의 이용으로 코드의 재활용이 훨씬 용이해졌다.