如何通過JSX中的ImmutableJS地圖列表進行映射？

Question

我有一個終極版的店面結構ImmutableJS看起來像這樣：

Immutable.fromJS([{ 
    foo: 'bar' 
}, { 
    foo: 'baz' 
}]); 

它映射到this.props.items在我的陣營組成部分。在我的React渲染函數中，我試圖做到這一點：

this.props.items.map(item => { 
    return (
    <div>{item.foo}</div> 
); 
}); 

什麼都沒有呈現。但是如果我.toJS()如下面的列表中，然後它的工作原理：

this.props.items.toJS().map(item => { 
    return (
    <div>{item.foo}</div> 
); 
}); 

我的問題是：是.toJS（）做這種正確的方法是什麼？如果不是，我做錯了什麼？

Answer 1

如果你用item.get('foo')代替item.foo，你應該很好。函數Immutable.fromJS將深度轉換爲不可變結構。