简介
redux-tiny-logger 是一个轻量级的 Redux 日志记录器，它旨在为你的 Redux 应用程序提供一些简单但强大的调试工具。它提供了一个简单的 API，可以让你轻松地在控制台中查看 Redux 状态和 action 的记录。
安装
使用 npm 安装：
npm install redux-tiny-logger --save-dev
配置
在配置 Redux Store 之前，需要将 redux-tiny-logger 添加为中间件。
import { createStore, applyMiddleware } from 'redux';
import logger from 'redux-tiny-logger';
import rootReducer from './reducers';
const store = createStore(
rootReducer,
applyMiddleware(logger())
);注意，logger 是一个函数，调用它将返回一个 Redux 中间件，它将对所有发起的 action 进行记录。
API
redux-tiny-logger 提供了一些简单的 API，可以帮助你在控制台中查看 Redux 状态和 action 的记录。
getState()
getState() 方法返回当前状态树。
const currentState = logger.getState(); console.log(currentState);
getActions()
getActions() 方法返回已记录的所有 action。
const allActions = logger.getActions(); console.log(allActions);
clear()
clear() 方法清除已记录的所有 action。
logger.clear();
示例
下面是一个使用 redux-tiny-logger 的示例：
-- -------------------- ---- -------
------ - ------------ --------------- - ---- --------
------ ------ ---- --------------------
------ ----------- ---- -------------
----- ----- - ------------
------------
-------------------------
--
----------------
----- -----------
-------- -
--- --
----- ------ ------
-
---
----------------
----- --------------
-------- - --- - -
---
-------------------------------
---------------------------------控制台输出：
-- -------------------- ---- -------
- ------ - - --- -- ----- ------ ------- ---------- ---- - - -
-
- ----- -------------- --
-
----- -----------
-------- - --- -- ----- ------ ------ --
----- - --------- - --- - - -
--
-
----- --------------
-------- - --- - --
----- - --------- - --- - - -
-
-结论
使用 redux-tiny-logger 可以让我们更轻松地进行 Redux 状态和 action 的记录和调试，这对于开发大型 Redux 应用程序非常有用。希望这篇文章能对你接下来的工作有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006700ee361a36e0bce8d0b