ReactでImmutable.jsを使用して状態を変更する

Question

Immutable.jsのドキュメントでは、React.jsのsetStateを使用して状態を正しく変更する方法が十分に分かりません。

私は、次の機能があります：それは作業を行いますが、問題がImmutable.jsを使用しての目的に反している、あなたがこれを行う際にデータがもはや不変であるということではありませんが、事

createComment(comment) { 

    const comments = Immutable.fromJS(this.state.comments); 
    var tempList = comments.concat({ 
     text: comment, 
     isAdmin: false 
    }); 
    this.setState({ comments: tempList.toJS() }); 

} 

をあなたが不変オブジェクトをsetState関数に渡すことができないということです。それでは、どうやってこれを正確に行うのですか？

comment.get is not a function 

Answer 1

あなたは、このガイドをお読みください：Immutable as React stateを

は、私はエラーを取得するためのデータは、もはや不変である知っています。 .toJS()に電話する必要はありません。

これは完全に罰金です。状態はのリアクトSETSTATEのAPIは、オブジェクトリテラルを期待するので、プレーンなJSオブジェクトではなく、不変コレクションである必要があり、それをマージすることを

const comments = Immutable.fromJS(this.state.comments); 
var tempList = comments.concat({ 
    text: comment, 
    isAdmin: false 
}); 
this.setState({ comments: tempList });