하위 컴포넌트에 인자 한번에 주기

function App(){
  // const name = "홍홍홍";
  const bodyProps = {
    name : '홍길동',
    location : '대전시'
  }
  return(
    <div className="App">
    	<Main {...bodyProps}></Main>
    </div>
  )
}
export default App;

저렇게 {...객체}

해서 주면 각각 name="홍길동" location="대전시"

이렇게 전달이 된다.