Redux -使用不同文件中的相同函数更新store

// counter.js

// 定义增加计数的action
export const increment = () => {
  return {
    type: 'INCREMENT'
  };
};

// 定义减少计数的action
export const decrement = () => {
  return {
    type: 'DECREMENT'
  };
};

// 定义计数器的reducer
export const counterReducer = (state = 0, action) => {
  switch (action.type) {
    case 'INCREMENT':
      return state + 1;
    case 'DECREMENT':
      return state - 1;
    default:
      return state;
  }
};

// app.js

import { createStore } from 'redux';
import { increment, decrement, counterReducer } from './counter';

// 创建store，并传入counterReducer作为参数
const store = createStore(counterReducer);

// 打印初始状态
console.log(store.getState()); // 输出: 0

// 分发增加计数的action
store.dispatch(increment());

// 打印更新后的状态
console.log(store.getState()); // 输出: 1

// 分发减少计数的action
store.dispatch(decrement());

// 打印更新后的状态
console.log(store.getState()); // 输出: 0