react项目中使用redux

react项目中使用redux

• 首先创建react项目，我使用的是create-react-app，创建了一个pro项目

create-react-app pro

• 一般我会引用antd组件，这样会很方便
• 然后就是引入redux,先下载下面这些库：

// 我比较喜欢用yarn命令
yarn add redux react-redux redux-thunk

// 或者你可以使用npm
npm i redux react-redux redux-thunk --save

• 接下来就是使用redux的使用步骤

1. 现在src文件夹下面创建一个store文件夹，store文件夹内的文件如图：

- store
- - index.js //这里是导出store
- - state.js // 这里存放初始化的数据
- - reducers.js // 这里存放真正的state数据
- - action.js // 这里存放触发数据更新的方法

2. 接下来就是使用redux

// state.js 
// 存放初始刷的数据
const state = {
   
    count: 0
}

export default state

// reducers.js
// 存放真正的数据
import initState from './state'
import {
    combineReducers } from 'redux'
function count(state=initState.count, action){
   
    switch(action.type){
   
        case 'INCREASE':
            return state