react学习第一阶段总结

redux重要概念

第一阶段总结

web是一个状态机。

redux中有一个store，store保存了所有状态。

通过store.getState()可以获取到当前state。

dispatch会触发action，而action又会通过reducer改变state，从而达到刷新页面的效果。

reducer是一个纯函数。

redux概念中，分为ui组件和容器组件，ui组件即为components中的代码，容器组件则是containers里面的代码，用connect进行连接。

mapStateToProps：将state映射到ui组件的props当中，它接收一个state作为参数，返回一个对象。当state有变化的时候，该函数会自动执行，从而进行页面的改变。mapStateToProps的第一个参数总是state对象，还可以使用第二个参数，代表容器组件的props对象。

mapDispatchToProps：将组件的操作映射成action