Изменение состояния реакции при нажатии вложенного объекта

Question

Я пытаюсь добавить/нажимать объект javascript (назовем этот «сеанс») на this.state.sessions.

Я попробовал это двумя способами:
1) Concat'ing новый сеанс

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

2) Использование РЕАКТ неизменности хелперы

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

В то время как мелкие данные (например, sessions[i].location) добавляется правильно, проблема заключается в том, что все области предыдущего сеанса теперь установлены на новый session.scope. В приведенной ниже картинной ссылке вы можете увидеть, что значения области первого сеанса (sessions[0].scope) были перезаписаны значениями области второго сеанса (sessions[1].scope). Как обеспечить, чтобы при добавлении нового сеанса значения предыдущего сеанса не затрагивались?

App state picture

Answer 1

Я думаю, что это не имеет никакого отношения к реакции, и проблема может заключаться в том, что объект в sessions[0].scope копируется по ссылке. Этот объект scope может быть ссылкой, разделяемой между старыми и новыми значениями сеанса.

Answer 2

sessions Поскольку массив, я бы сделал следующее:

addSession = (newSession) => { 
    let tempArray = this.state.sessions.slice(); 
    tempArray.push(newSession); 
    this.setState({sessions: tempArray}); 
} 

выше создает неполную копию sessions массива и помещает его во временную переменную. Затем он подталкивает новый сеанс в массив, и как только это будет сделано, мы перезапишем this.state.sessions новой переменной.