Taro+React Redux最简单最简单的使用方法

459 阅读1分钟

貌似和Taro没啥关系....

我这边就不多介绍乱七八糟的属性条件了,有兴趣的去仔细翻阅官方文档或阮一峰的讲解。

我也是第一次用Redux,感觉有很多的错误我没发现。但是能正常的 修改+读取。

首先在src文件目录下创建 store文件夹,新建两个文件分别为index.js & reducers.js

接下来你需要做的是: Ctrl + C Ctrl + V 哈哈

index.js

import { createStore } from 'redux'
import reducer from './reducers'

const store = createStore(reducer) // 创建数据存储仓库
export default store   

reducers.js

const defaultState = {
  appid: '数据·1',
  cookis: ''
}
console.log(defaultState, 'defaultState');
function fn (state = defaultState, action) {
  state = JSON.parse(JSON.stringify(state)) //深度

  switch (action.type) {
    case "setVisibilityFilter":
      state = {
        ...defaultState,
        ...action.state
      }
      return state;
    default:
      return state;
  }

}

const state = fn
export default state

使用方法

import store from './store'

读取

console.log(store.getState());

修改

const action = { type: "setVisibilityFilter", state: { cookis: 'a1sd54a5wd654s' } }
store.dispatch(action)

同步我的文档