Localstorage 객체 React에서 여러 상태를 업데이트하는 방법
P粉696605833
P粉696605833 2023-09-14 11:49:00
0
1
547

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

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

으아악

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

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

를 제거하면

해결책 없을까요

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

으아악

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

P粉696605833
P粉696605833

모든 응답(1)
P粉872182023

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

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

으아악

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

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿