React学习手册

Redux

｜

199

该属性键下面是否包含数据，如果包含数据，那么可以用该数据初始化

State

。只需几

行代码，我们就可以在浏览器中拥有持久化的

State

数据：

const store = createStore(

combineReducers({ colors, sort }),

(localStorage['redux-store']) ?

JSON.parse(localStorage['redux-store']) :

{}

)

store.subscribe(() => {

localStorage['redux-store'] = JSON.stringify(store.getState())

})

console.log('current color count', store.getState().colors.length)

console.log('current state', store.getState())

store.dispatch({

type: "ADD_COLOR",

id: uuid.v4(),

title: "Party Pink",

color: "#F142FF",

timestamp: new Date().toString()

})

每次我们刷新这些代码后，我们的

colors

列表都会因为新增一种颜色而变得更大。首

先，在

createStore

调用过程中，我们会检查

redux-Store

这个属性键是否存在。如果 ...