중첩 된 개체를 푸시 할 때 상태가 변경되는 반응

쿠날

this.state.sessions에 javascript 객체 (이 '세션'이라고 부름)를 추가 / 푸시하려고합니다.

이 두 가지 방법을 시도했습니다.
1) 새 세션 연결

this.setState({sessions: this.state.sessions.concat(session)});

2) React의 불변성 도우미 사용

var newState = React.addons.update(this.state, {
            sessions : {
                $push : [session]
            }
        });
this.setState(newState);

얕은 데이터 (예 :) sessions[i].location가 올바르게 추가 되었지만 문제는 이전 세션의 모든 범위가 이제 새 session.scope로 설정된다는 것입니다. 아래 그림 링크에서 두 번째 세션의 범위 값 ( sessions[0].scope)이 첫 번째 세션의 범위 값 ( )을 덮어 썼음을 볼 수 있습니다 sessions[1].scope. 새 세션을 추가 할 때 이전 세션의 값이 영향을받지 않도록하려면 어떻게해야합니까?

앱 상태 사진

Maneeshpal

나는 이것이 반응과 거의 관련이 없다고 생각하며 문제는 객체 sessions[0].scope가 참조로 복사된다는 것입니다. 해당 scope개체는 이전 세션 값과 새 세션 값간에 공유되는 참조 일 수 있습니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

인쇄 할 때 중첩 된 JSON 개체가 표시되지 않음

분류에서Dev

중첩 된 개체에있는 배열로 개체를 푸시 할 수 없습니다.

분류에서Dev

"정의되지 않음"으로 반환되지 않고 중첩 된 상태 개체를 가져 오는 방법

분류에서Dev

개체 내부에 개체를 만든 다음 중첩 개체에 추가 할 때 콘솔은 추가 된 값 대신 "개체"만 반환합니다.

분류에서Dev

중첩 된 경로에 액세스 할 때 반응 탐색 중단

분류에서Dev

창 크기를 변경할 때 크기가 변경되는 반응 형 div 상자를 만드는 방법

분류에서Dev

구성 요소 상태에서 중첩 된 개체 속성을 업데이트 할 때 useEffect를 트리거하는 방법을 잘 모릅니다.

분류에서Dev

꼭두각시 매니페스트에서 중첩 된 해시를 반복 할 때 Puppet-lint 경고

분류에서Dev

반복을 시도 할 때 "Uncaught TypeError : Cannot read property 'length'of undefined"를 발생시키는 중첩 된 JSON 배열

분류에서Dev

각도, 상태 응용 프로그램을 변경할 때 페이지가 다시로드되는 이유

분류에서Dev

반응 :`useEffect`를 사용하여 상태가 변경 될 때 Spinner & Component를 동시에 표시하는 방법

분류에서Dev

중첩 된 개체에서 상태를 설정하는 방법

분류에서Dev

중첩 된 값을 호출 할 때 다른 값을 반환하는 Vuex 저장소 개체 Getter

분류에서Dev

tkinter에서 태그가 지정된 단어를 변경할 때 색상이 다시 변경되도록하려면 어떻게해야합니까?

분류에서Dev

상태가 다시 렌더링 된 후 상태가 항상 잘못된 조건이되는 경우 반응

분류에서Dev

반응 : 체크 된 상태를 프로그래밍 방식으로 변경할 때 확인란 입력에서 onChange를 트리거합니까?

분류에서Dev

내 반응 응용 프로그램에 깊이 중첩 된 반응 구성 요소 내에서 사용할 때 반응 후크가 실패합니다.

분류에서Dev

잘못된 keyPath 오류를 반환하는 변경 불가능한 setIn 중첩 개체

분류에서Dev

필터를 변경할 때 잘못된 소품으로 렌더링되는 컴포넌트에 반응

분류에서Dev

중첩 된 컬렉션을 사용할 때 Dynamo DB 쿼리가 예상 결과를 반환하지 않음

분류에서Dev

중첩 된 뷰를 사용할 때 컨트롤러가 등록되지 않음

분류에서Dev

Word.Range 개체 중 하나를 변경할 때 모든 Word.Range 개체가 변경되는 이유는 무엇입니까?

분류에서Dev

API에서 데이터를로드 할 때 반응 후크에 설정된 상태를 저장하는 데 문제가 있습니까?

분류에서Dev

중첩 된 개체를 반복하고 javascript / es6에서 비교 한 후 필드를 푸시하는 방법

분류에서Dev

중첩 된 ipywidgets 상호 작용 함수를 사용할 때 표시되는 함수 이름을 억제 할 수 없습니다.

분류에서Dev

XSLT 소스 노드가 형제이고 중첩이 속성 값을 기반으로 할 때 XML을 상호 참조 된 중첩 HTML 목록으로 변환

분류에서Dev

PHP로 중첩 된 JSON을 구문 분석 할 때 가능한 5 개 중 2 개만 표시됩니다.

분류에서Dev

Include Entity Framework Core 3.1을 사용할 때 중첩 된 개체를 필터링하는 방법

분류에서Dev

순 열자 상자에서 반복자를 사용하여 벡터로 푸시 할 때 왜 "예상 된 u32, 발견 된 & {integer}"가 표시됩니까?

Related 관련 기사

  1. 1

    인쇄 할 때 중첩 된 JSON 개체가 표시되지 않음

  2. 2

    중첩 된 개체에있는 배열로 개체를 푸시 할 수 없습니다.

  3. 3

    "정의되지 않음"으로 반환되지 않고 중첩 된 상태 개체를 가져 오는 방법

  4. 4

    개체 내부에 개체를 만든 다음 중첩 개체에 추가 할 때 콘솔은 추가 된 값 대신 "개체"만 반환합니다.

  5. 5

    중첩 된 경로에 액세스 할 때 반응 탐색 중단

  6. 6

    창 크기를 변경할 때 크기가 변경되는 반응 형 div 상자를 만드는 방법

  7. 7

    구성 요소 상태에서 중첩 된 개체 속성을 업데이트 할 때 useEffect를 트리거하는 방법을 잘 모릅니다.

  8. 8

    꼭두각시 매니페스트에서 중첩 된 해시를 반복 할 때 Puppet-lint 경고

  9. 9

    반복을 시도 할 때 "Uncaught TypeError : Cannot read property 'length'of undefined"를 발생시키는 중첩 된 JSON 배열

  10. 10

    각도, 상태 응용 프로그램을 변경할 때 페이지가 다시로드되는 이유

  11. 11

    반응 :`useEffect`를 사용하여 상태가 변경 될 때 Spinner & Component를 동시에 표시하는 방법

  12. 12

    중첩 된 개체에서 상태를 설정하는 방법

  13. 13

    중첩 된 값을 호출 할 때 다른 값을 반환하는 Vuex 저장소 개체 Getter

  14. 14

    tkinter에서 태그가 지정된 단어를 변경할 때 색상이 다시 변경되도록하려면 어떻게해야합니까?

  15. 15

    상태가 다시 렌더링 된 후 상태가 항상 잘못된 조건이되는 경우 반응

  16. 16

    반응 : 체크 된 상태를 프로그래밍 방식으로 변경할 때 확인란 입력에서 onChange를 트리거합니까?

  17. 17

    내 반응 응용 프로그램에 깊이 중첩 된 반응 구성 요소 내에서 사용할 때 반응 후크가 실패합니다.

  18. 18

    잘못된 keyPath 오류를 반환하는 변경 불가능한 setIn 중첩 개체

  19. 19

    필터를 변경할 때 잘못된 소품으로 렌더링되는 컴포넌트에 반응

  20. 20

    중첩 된 컬렉션을 사용할 때 Dynamo DB 쿼리가 예상 결과를 반환하지 않음

  21. 21

    중첩 된 뷰를 사용할 때 컨트롤러가 등록되지 않음

  22. 22

    Word.Range 개체 중 하나를 변경할 때 모든 Word.Range 개체가 변경되는 이유는 무엇입니까?

  23. 23

    API에서 데이터를로드 할 때 반응 후크에 설정된 상태를 저장하는 데 문제가 있습니까?

  24. 24

    중첩 된 개체를 반복하고 javascript / es6에서 비교 한 후 필드를 푸시하는 방법

  25. 25

    중첩 된 ipywidgets 상호 작용 함수를 사용할 때 표시되는 함수 이름을 억제 할 수 없습니다.

  26. 26

    XSLT 소스 노드가 형제이고 중첩이 속성 값을 기반으로 할 때 XML을 상호 참조 된 중첩 HTML 목록으로 변환

  27. 27

    PHP로 중첩 된 JSON을 구문 분석 할 때 가능한 5 개 중 2 개만 표시됩니다.

  28. 28

    Include Entity Framework Core 3.1을 사용할 때 중첩 된 개체를 필터링하는 방법

  29. 29

    순 열자 상자에서 반복자를 사용하여 벡터로 푸시 할 때 왜 "예상 된 u32, 발견 된 & {integer}"가 표시됩니까?

뜨겁다태그

보관