其实很早就已经接触react了,当时还看的是es5语法,本来js基础就不扎实,秉着初生牛犊不怕虎的精神去看了react,结果看了云里雾里,这种硬塞的知识过几天就全忘了,过了一段时间,想着有空了,就又去看了react,这次直接看的es6语法,看完后顺道看了react-redux,刚开始,很痛苦,本来react就已经不太容易理解了,再加上redux和react-redux,更加懵逼了,一个很简单的应用还要分成action、reducer、UI组件、container组件,然后分别串联工作,就感觉脑袋要炸了,但是跟着阮大神写了第一个demo。
先看文件目录,我没有想demo里那样全写在一个文件里,分类可以帮助更好的理解。
1.加减计数器:先定义用户有两种操作,一种是加,一种是减,也就是action有两种。
export const increaseAction = {
type: 'increase'
}
export const decreaseAction = {
type: 'decrease'
}
注意,action的type是必须的,明文规定必须要