반응 상태 객체 배열을 업데이트하는 방법

Question

새 사용자 객체를 허용하기 위해 상태 내부의 사용자 배열을 업데이트하는 방법을 알아야합니다.

상태 사용자 배열에는 ID와 이름 만 포함됩니다.

업데이트 추가 기능을 사용하여 사용자 배열에서 항목을 푸시하려고합니다.

var newUser = {id:1, name:'Foo'}; 
let newState = update(this.state, {users: {$push: [newUser]}}); 

"반응-dom.js을 : 17,858 catch되지 않은 오류 : 개체가 반작용 아이로 사용할 수 없습니다. (발견 : 키 {ID, 이름}과 오브젝트) 당신이 아이들의 컬렉션을 렌더링하는 의미 경우, 사용 배열을 대신 사용하거나 React 애드온의 createFragment (object)를 사용하여 객체를 래핑하십시오. UsersTable (...)의 렌더링 메소드를 확인하십시오.

Answer 1

상태를 변경하고 있습니다. 대신 시도하십시오 :

const users = this.state.users 
users.push(newUser) 
this.setState(Object.assign({}, this.state, { users }}))