개발 공부/WEB
[React] 배열 렌더링 시 key props를 사용하는 이유
안녕하세요. 코딩하는 곰돌이입니다. 오늘은 리액트에서 map()을 사용해 배열을 렌더링 할 경우 key props가 필요한 이유에 대해서 정리해보고자 합니다. 우선 예시 코드부터 살펴보겠습니다! 예시코드 import React, { useState } from "react"; export default function TodoSample() { const [todos, setTodos] = useState([]); const [todoInput, setTodoInput] = useState(""); const onInput = (e) => { setTodoInput(e.target.value); }; const onAdd = () => { setTodos([todoInput, ...todos]); set..
2022. 3. 27. 18:32
