Localstorage 객체 React에서 여러 상태를 업데이트하는 방법

Question

이미 상태를 유지하는 localStorage 후크가 있지만 이제 객체의 두 항목을 업데이트하려고 합니다

업데이트를 추가하는 기능입니다

으아악

로그가 되면 이런 jobExperience 배열을 가져오게 됩니다. jobExperience: (6) ['0', '1', '2', '3', '4', '5', {…} ]오브젝트 하나만 저장되고, 나머지는 숫자로 변환됩니다

첨부된 작업 개체에서 currentEditedJob: data.currentEditedJob + 1, ，一切都会正常工作，并且状态更新良好，并且它们会保存为对象 jobExperience: (6 ) [{…}, {…}, {…}, {…}, {…}, {…}, {…}]

를 제거하면

해결책 없을까요

상태를 하나씩 업데이트해봤는데 잘 안되더라구요.

으아악

하지만 currentEditedJob: data.currentEditedJob + 1，제거하지 않으면 여전히 같은 오류가 발생합니다

Answer 1

문제는 addWorkExperience 함수의 currentEditedJob 속성에 있는 것 같습니다. 제공한 코드에 따르면 data.currentEditedJob은 숫자의 문자열 표현으로 나타나며 여기에 1을 더하면 산술 덧셈을 수행하는 대신 숫자를 연결합니다.

이 문제를 해결하려면 data.currentEditedJob을 숫자로 변환한 다음 1을 더하면 됩니다. addWorkExperience 함수의 업데이트된 버전은 다음과 같습니다.

으아악

parseInt()를 사용하여 data.currentEditedJob을 숫자로 변환하면 추가 작업이 올바르게 작동하고 상태가 예상대로 업데이트됩니다.