npm 包 redux-camelize 使用教程

Redux 是前端开发中常用的状态管理工具之一，Redux 本身已经为我们提供了很多方便易用的 API，但是它仍然存在一些缺陷，其中之一是我们在获取到服务器返回的下划线命名法的 JSON 数据时，无法直接在 Redux 中进行处理。这个时候我们就需要依赖于 npm 包 redux-camelize。

在本文中，我们将介绍如何使用 redux-camelize 包来处理 JSON 中的下划线命名法，并将它们转换为驼峰命名法。

安装

首先，我们需要通过 npm 安装 redux-camelize 包。

npm install --save redux-camelize

使用方法

camelize

在 Redux 中，我们可以使用 redux-camelize 包的 camelize 函数来将下划线命名法转换为驼峰命名法。

import { camelize } from 'redux-camelize';

...

const camelizedObject = camelize(underscoreObject);

例如，我们有这样一个下划线命名法的 JSON 对象：

const underscoreObject = {
  user_id: 1,
  user_name: 'John'
};

我们可以使用 camelize 函数将其转换为驼峰命名法的 JSON 对象：

const camelizedObject = camelize(underscoreObject);

// 输出结果：
// {
//   userId: 1,
//   userName: 'John'
// }

camelizeKeys

另外，我们还可以使用 redux-camelize 包的 camelizeKeys 函数一次性地将 JSON 对象中的所有下划线命名法都转换为驼峰命名法。

import { camelizeKeys } from 'redux-camelize';

...

const camelizedObject = camelizeKeys(underscoreObject);

示例代码

下面的例子演示了如何使用 Redux、redux-camelize 包和 Axios 来获取服务器返回的下划线命名法 JSON 数据，并将其转换为驼峰命名法：

import axios from 'axios';
import { camelizeKeys } from 'redux-camelize';

const FETCH_USERS_REQUEST

> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/60055ea481e8991b448dc04e) ，转载请注明来源
[https://www.javascriptcn.com/post/60055ea481e8991b448dc04e](https://www.javascriptcn.com/post/60055ea481e8991b448dc04e)