在react中使用redux

一、项目搭建

1.react项目搭建

npx create-react-app app

2.安装redux

npm i redux

二、创建store

①store/index.js

import { createStore, combineReducers } from 'redux'

function num(state = 0, action) {
    console.log('action', action);
    switch (action.type) {
        case '/num/add':
            return state + action.payload
        case '/num/reduce':
            return state - action.payload
        default:
            return state
    }
}
function books(state = ['redux', 'react-redux'], action) {
    switch (action.type) {
        case '/books/add':
            return [action.payload, ...state]
        default:
            return state
    }
}
// 合并
const rootReducer = combineReducers({books,num})
const  store = createStore(rootReducer)
export default store

三、在组件中使用