[ React ] 동적 컴포넌트 생성 | Each child in a list should have a unique "key" prop 에러 해결
·
Archive/Develop
전 React 포스팅에서 했던 코드를 다시 불러와보겠다. import React from "react"; function Butter({who}){ return( Do you know {who}? ) } function App() { return ( Halo! ); } export default App; 위 코드에서는, Butter 컴포넌트를 열심히 복사 해서 who 값을 다르게 넣었었다. 사실 위 코드도 그닥 효율적이라고 말할 수가 없다. 우리가 새로운 음식을 추가할 때마다 복붙을 해야하기 때문이다. 이번 포스팅에서는 웹사이트에 동적 데이터를 추가하는 방법을 다룰 예정이다. 1. 동적 데이터 추가하기 우리가 만드는 데이터는 이미 API에서 전달받았다고 가정하자. 나는 doYouKnow 라는 이름으로 이..