키-값 쌍으로 배열 채우기

Question

배열을 개체로 채우려고 합니다. setState를 실행하면 새 항목이 추가되지 않지만 배열의 구조가 확장됩니다. 예: 초기 항목(0), 새 항목(0->0), 다른 항목(0->0->0). 그러나 각 항목에 연속된 번호가 있기를 바랍니다.

const [entrys, setEntrys] = useState([{ 날짜: "", 항목: "" }]);
->버튼을 클릭하세요
setEntrys((prev) => [{ ...prev, 날짜: clickedDay, 항목: hinweis }]);

Answer 1

당신이 겪고 있는 문제는 전달하는 객체에서 이전 상태를 사용하고 있다는 것입니다(예: 스프레드 연산자 "prev"를 사용함).

원하는 것은 상태에 저장된 새 개체에 이전 상태를 포함하는 것입니다(예: 아래와 같이 "prev"를 배열의 별도 요소로 포함).

코드샌드박스도 제공합니다 https://codesandbox.io/s/romantic-solomon-l566yy?file=/src/App.js.

으아악