immutable.js & react.js SetState очищает прототип объекта

Question

У меня есть следующий код в компоненте:

constructor() { 
    this.state = Immutable.fromJS({ 
      user : { 
       wasChanged : false, 
       firstName : false, 
       lastName : false, 
       address : { 
        street : false, 
       } 
      } 
     }); 
} 
onEdit({target: {dataset: {target}}}, value) { 
     this.setState(function (prevState) { 
      return prevState.setIn(['user', target], value); 
     }); 
    } 
render() { 
    var user = this.state.get('user').toJS(); 
    ... 
} 

Проблема заключается в том, что, когда я пытаюсь обновить значение в onEdit Я вижу, что prevState имеет разные прототипы. Я не понимаю, почему и что я делаю неправильно. Я вижу это в консоли

> Object.getPrototypeOf(this.state) 
src_Map__Map {@@__IMMUTABLE_MAP__@@: true} 

> Object.getPrototypeOf(prevState) 
Object {} 

После того, как состояние изменилось оно переходит к визуализации, где она, конечно, не может найти получить функцию или что-нибудь из непреложных

Использование реагируют с аддонами 0.13.3.

Answer 1

Поместите это как ключ в состояние.

this.state = { 
    data: Immutable... 
}; 

В настоящее время по этой причине вы не можете использовать Неизменный объект как состояние та же причина вы не можете сделать this.state = 7: это не обычный JavaScript объект.

Ориентировочно операция выглядит следующим образом:

React.Component.prototype.setState = (changes) => { 
    batchUpdate(() => { 
    // copies own properties from state to the new object 
    // and then own properties from changes to the new object 
    var nextState = Object.assign({}, state, changes); 

    this.componentWillUpdate(...); 
    this.state = nextState; 
    queueDomUpdateStuff(this.render(),() => this.componentDidUpdate()); 
    }); 
}; 

Answer 2

Компоненты state должен быть простым объектом JavaScript; Значения этого объекта могут быть неизменяемыми значениями. Поддержка неизменяемых значений как состояние обсуждается в issue 3303.