【前端知识】React 基础巩固——log、thunk、applyMiddleware中间件的核心代码

在React中，我们通常使用Redux来管理状态。Redux提供了一些工具函数，如log、thunk和applyMiddleware，用于增强Redux的功能。

1. log中间件：

log中间件是Redux提供的一个用于打印action和state变化的调试工具。

import { createStore, applyMiddleware } from 'redux';
import { log } from 'redux-logger';
import rootReducer from './reducers';
 
const store = createStore(rootReducer, applyMiddleware(log));

2. thunk中间件：

thunk是一种中间件，允许你编写返回dispatch的action创建器，而不是一个普通对象。这就允许了你编写异步的action。

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import rootReducer from './reducers';
 
const store = createStore(rootReducer, applyMiddleware(thunk));

3. applyMiddleware函数：

applyMiddleware是Redux提供的一个函数，用于将所有中间件组合在一起，并应用到store上。

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import logger from 'redux-logger';
import rootReducer from './reducers';
 
const store = createStore(rootReducer, applyMiddleware(thunk, logger));

以上代码演示了如何在React应用中使用Redux的日志、thunk中间件，并通过applyMiddleware将它们应用到store上。这有助于开发者在开发过程中更好地调试和管理状态。