1

这是一个关于 @mswjs/data.toHandlers 函数的默认行为的问题，该函数使用此示例与 @mswjs/data 为 RTK-Query 调用创建模拟。

https://codesandbox.io/s/github/reduxjs/redux-toolkit/tree/master/examples/query/react/mutations?from-embed

文件 src/mocks/db.ts 使用 @mswjs/data 创建一个模拟数据库，并使用定义默认的 http 模拟响应，...db.post.toHandlers('rest')但如果我删除额外的 PUT 和 POST 模拟，则无法工作。

我的理解是，@mswjs/data toHandlers() 函数根据 github 文档默认为定义的数据库（在本例中为 Posts）提供 PUT 和 POST 模拟 API 调用，所以我正在寻求建议以更好地理解为什么 toHandlers 不起作用本例中的 PUT 和 POST。即，如果我删除 PUT 和 POST 模拟 API 调用，它们会失败。

手动 PUT 和 POST API 模拟做了哪些默认 toHandlers 不做的事情？

4

1 回答 1

1

您正确地声明.toHandlers()生成POST /posts和PUT /posts/:id请求处理程序。RTK-Query 示例显式添加了这些处理程序，原因如下：

  1. Math.random()通过根据处理程序中的值返回错误响应来模拟不稳定的错误行为。
  2. 将主键设置idnanoid()为.

如果您删除显式POST /posts处理程序，则添加帖子会失败，因为模型定义post 没有定义id主键的初始值。如果不向实体提供主键，则无法创建实体，示例中没有：

// PostManager.tsx
// The "post" state only contains the name of the new post.
const [post, setPost] = useState<Pick<Post, "name">>(initialValue);

// Only the "post" state is passed to the code that dispatches the
// "POST /posts" request handled by MSW.
await addPost(post).unwrap();

如果我们省略随机错误行为，我认为该示例应该用作模型描述中属性nanoid的初始值：id

import { nanoid } from "@reduxjs/toolkit";

const db = factory({
  post: {
-   id: primaryKey(String),
+   id: primaryKey(nanoid),
    name: String
  }
});

这样您就可以通过提供name唯一的来创建新帖子。主键的值id将使用 value getter（该nanoid函数）生成。

即使您删除了显式PUT /posts/:id请求处理程序，帖子编辑操作也能正常运行，因为与POST处理程序不同的是，该处理程序PUT 仅用于实现易碎的错误行为（路径参数中提供了已编辑的帖子 ID：）req.params.id。

于 2021-12-15T00:41:27.673 回答