如何使用Redux的action、reducer和store

Redux是一個(gè)用于管理應(yīng)用狀態(tài)的JavaScript庫，它由三個(gè)核心概念組成：action、reducer和store。

1. Action：Action是一個(gè)描述發(fā)生了什么的普通對(duì)象。它是一個(gè)包含type屬性的對(duì)象，用來描述動(dòng)作的類型。例如，一個(gè)增加計(jì)數(shù)器值的action可以是這樣的：

const increment = {
  type: 'INCREMENT'
}

2. Reducer：Reducer是一個(gè)用來處理action的純函數(shù)。它接收兩個(gè)參數(shù)：當(dāng)前的狀態(tài)和一個(gè)action，并返回一個(gè)新的狀態(tài)。Reducer應(yīng)該是一個(gè)純函數(shù)，它不應(yīng)該修改傳入的參數(shù)，而是返回一個(gè)新的狀態(tài)。例如，一個(gè)計(jì)數(shù)器的reducer可以是這樣的：

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

3. Store：Store是Redux的核心概念，它是應(yīng)用狀態(tài)的唯一數(shù)據(jù)源。Store包含了應(yīng)用的狀態(tài)樹，并提供了一些方法來獲取和修改狀態(tài)。你可以通過Redux的createStore方法來創(chuàng)建一個(gè)store，將reducer傳入createStore方法中：

import { createStore } from 'redux';

const store = createStore(counterReducer);

最后，你可以使用store.dispatch()方法來派發(fā)action，通過store.getState()方法來獲取當(dāng)前的狀態(tài)，通過store.subscribe()方法來監(jiān)聽狀態(tài)的變化。這樣就實(shí)現(xiàn)了Redux的基本用法。