reducer.png
组件index.png
reducer返回的都是一个新的对象，为了防止在改变原有的对象，可以使用immutable.js来解决这个问题。
reudx的工作流程成这里就不说了
1-- immutable库提供了一个fromjs方法，让js对象变成immutable对象；
2--reucer中，返回的对象就不能还是原来的js对象了，因为数据的defaultstate已经通过fromjs方法转变成了immutable对象，所以需要通过使用set方法。set方法会结合之前immutable对象的值和设置的值，返回一个全新的对象；
3--组件index里，通过react-reudx中的mapstatetoprops将“store”中的数据映射到组件的props中，但是由于因为是immutable对象，所以不能通过之前的state.header.foucesed的方法获取了，而是要通过state.header.get("focused")来获得获得
在通过异步接受数据的时候，需要知道得将js对象转换成immutable对象后，再对reducer中的初始数据进行修改，转换的操作可以在actionCreator中进行，也可以在ruducer中进行。
网友评论