下载 yarn add redux
在src下面增加一个redux文件夹里面添加两个文件
jsreducer.js
export default function jsreducer(preState, action) {
// preState代表上一个返回值
// action包含type和传过来的值data
const { type, data } = action
switch (type) {
//如果传过来的type匹配上了就执行
case 'increment':
return preState + data
case 'decrement':
return preState - data
default:
return 0
}
}
store.js
import { createStore } from "redux";
import jsreducer from "./jsreducer"
//暴露Store
export default createStore(jsreducer)
在index里面增加这个可以自动生成render()
不然当reducers里面的data改变时页面上不会改变
这个可以直接拿到reducers里面的返回值
这个可以传入type和date