ReactJs: 지도 기능을 사용한 후 상위 배열이 업데이트됩니다.

Question

기본적으로 상위 배열에서 추출된 배열에 새 키를 삽입하려고 합니다. 추출된 배열에 새 키를 삽입하는 것만으로는 저장소 내의 기본 배열이 변경되는 이유를 찾을 수 없습니다.

이것은 사용자 정의 배열에 새 키 값 쌍을 추가하는 방법입니다

으아아아

다음은 출력입니다:

콘솔 1.: newArray

으아아아

콘솔 2.: 상위 배열

으아아아

newArray 값으로 수정되는 이유는 무엇입니까?

심지어 시도한 것: newArray.map(obj => ({ ...obj, [inputType]: "textField"}));

Answer 1

Javascript 배열과 객체는 참조로 전달된다는 점을 아는 것이 중요합니다. 즉, 배열이나 개체를 수정하면 해당 배열이나 개체에 대한 모든 참조에 반영됩니다.

이 경우 Array-->Object-->Array-->Object가 너무 중첩되었습니다. 따라서 추출 시 반드시 새 배열이나 객체를 생성해야 합니다. 여기서는 참조를 복사하고 변경 사항을 반영하기 위해 ES6 ... 语法来创建一个新的数组/对象。只需使用 =을 사용하고 있습니다.

아래 코드는 아직 최적화되지 않았지만, 이해하시길 바랍니다.

으아아아