React :: 동적으로 props 만들기

 

배열을 사용하여 props를 만들고 적용

 

 

function Component({props1, props2}) {

  return <div> ... </div>

}

 

const array = [

  {key1: ..., key2:...}, {key1: ..., key2:...}, {key1: ..., key2:...}

]

 

function App() {

  return

    <div>

      {array.,map(aja =>

        <Component proprs1={aja.key1} props2={aja.key2} />

      )}

    </div>

 

잘 적용되지만 console을 확인했을 때 error가 있음.

리스트의 자식들은 각각의 다른 key prop를 가져야한다.

이를 해결하기 위해서는 key prop를 각각 주면된다.