찾다

 >  Q&A  >  본문

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

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

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

으아아아

다음은 출력입니다:

콘솔 1.: newArray

으아아아

콘솔 2.: 상위 배열

으아아아

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

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

P粉208286791P粉208286791238일 전500

모든 응답(1)나는 대답할 것이다

  • P粉141455512

    P粉1414555122024-04-04 15:32:25

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

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

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

    으아아아

    회신하다
    0
  • 취소회신하다