props 쓰기 귀찮을때

<Tab i={i} 
  btnIdx={i+1} 
  activeTab={activeTab} 
  setActiveTab={setActiveTab} 
  />


function Tab(props){
  return(
    <Nav.Item>
      <Nav.Link eventKey={`link${props.i}`}
      onClick={()=>{
        props.setActiveTab(props.i);
      }}
      >{'버튼'+ props.btnIdx}</Nav.Link>
    </Nav.Item>
  )
}

props 쓰기 귀찮으면 이렇게 해도 된다고함

function Tab({i, activeTab}){
  return(
    <div>{i}</div>
    //원래같았음 props.i
  )
}

원래 props 들어가는 자리에
중괄호 열고 props들 이름을 적어주면 됨

하나 쓸 때는 하나, 여러개 쓸 땐 여러개 쓰면 되는 것 같다

props 여러개 되니까 쓰기도 귀찮고 자꾸 깜빡하고 변수명만 입력해서 오류나는 것도 그렇고 한번 해봤는데

만약에 props를 여러개 쓸 때는 여러개를 적어야 하니까 이건 이거대로 타이핑이 늘어날것 같기도 하고...
그래도 props. props. props. 하면서 코드가 길어져서 가독성이 나쁜것 보단 그게 더 낫긴 할 ...듯? 근데 일단 혼자하는 작은 프로젝트에선 귀찮으니까 활용하면 편해질 것 같다

이걸 뭐라고 부르는지는 모르는데 나중에 알게되면 추가해놔야지..