[JavaScript知识库]react中使用redux

下载 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