使用React.js中的Immutable.js更改状态

Question

Immutable.js的文档不足以说明如何在React.js中使用setState正确更改状态。

我有以下功能：

createComment(comment) { 

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

} 

它的工作，但问题是，数据不再是一成不变的，当你做到这一点，这违背了使用Immutable.js的目的，但事情是不能将不可变对象传递给setState函数。那么我们应该怎么做到这一点呢？

我知道数据是不再一成不变的，因为我得到的错误：

comment.get is not a function 

Answer 1

你应该阅读本指南：Immutable as React state。您无需致电.toJS()。

这是完全正常：

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