如何使用Redux的action、reducer和store

Redux是一个用于管理应用状态的JavaScript库，它由三个核心概念组成：action、reducer和store。

1. Action：Action是一个描述发生了什么的普通对象。它是一个包含type属性的对象，用来描述动作的类型。例如，一个增加计数器值的action可以是这样的：

const increment = {
  type: 'INCREMENT'
}

2. Reducer：Reducer是一个用来处理action的纯函数。它接收两个参数：当前的状态和一个action，并返回一个新的状态。Reducer应该是一个纯函数，它不应该修改传入的参数，而是返回一个新的状态。例如，一个计数器的reducer可以是这样的：

const counterReducer = (state = 0, action) => {
  switch(action.type) {
    case 'INCREMENT':
      return state + 1;
    default:
      return state;
  }
}

3. Store：Store是Redux的核心概念，它是应用状态的唯一数据源。Store包含了应用的状态树，并提供了一些方法来获取和修改状态。你可以通过Redux的createStore方法来创建一个store，将reducer传入createStore方法中：

import { createStore } from 'redux';

const store = createStore(counterReducer);

最后，你可以使用store.dispatch()方法来派发action，通过store.getState()方法来获取当前的状态，通过store.subscribe()方法来监听状态的变化。这样就实现了Redux的基本用法。