我是 redux 工具包库的新手,尤其是在测试方面。我浏览了文档并阅读了大量关于这个主题的帖子和文章,但仍然在挣扎。我构建了一个简单的 todo 应用程序,并包含了几个 API 请求来涵盖异步情况。不过,测试这些结果有点挑战性。我希望得到一些关于我的代码的建议和反馈以及可以改进的地方。我还想要一些关于测试 createAsyncThunk 切片是否有意义的意见。注意:我对测试 API 调用本身不感兴趣,而是使用模拟数据重新创建成功的请求。
建设性的批评非常有帮助,将不胜感激
请看一下我的一个切片文件并进行测试
postSlice.ts
import { createSlice, createAsyncThunk } from "@reduxjs/toolkit";
import { RootState } from "../../store";
import axios from "axios";
export type Post = {
userId: number;
id: number;
title: string;
body: string;
};
export type PostsState = {
posts: Post[];
loading: boolean;
error: null | string;
};
export const initalPostState: PostsState = {
posts: [],
loading: false,
error: null,
};
export const fetchAllPosts = createAsyncThunk(
"posts/allPosts",
async (data, …Run Code Online (Sandbox Code Playgroud) 我正在开发一个盖茨比混合应用程序,该应用程序具有多个带有动态服务器数据的仅限客户端的路由。奇怪的是,当导航到仅客户端路由之一时,我收到 404 页面和未找到页面的消息。
直接访问仅限客户端的 URL,例如 mysite/auth/login有效,并且仅在使用内部链接组件或导航('/auth/login')时才会出现此问题。

我正在使用 gatsby-plugin-create-client-paths 设置

和 Router 组件来处理客户端路由

我尝试了不同的方法,但无法弄清楚为什么我被重定向到 404 页面。该问题仅发生在首次访问页面时。页面加载后,内部导航将不会出现错误,并且仅在开发模式下发生。生产版本运行得很好。
有什么想法可能导致这种行为吗?