reactjs - 如何使用 redux 正确响应失败操作？

Question

我在我的Expo ( React Native ) 应用程序中使用Redux Toolkit 。我正在使用createAsyncThunk创建注册操作。这将创建,和动作。现在的工作流程是这样的：pendingfulfilledrejected

在我的RegisterScreen中，我分派了auth/register操作（由 创建createAsyncThunk）。payloadCreator被执行。假设服务器（我的后端 API）响应'USERNAME_IS_TAKEN'错误，因为用户为其帐户选择的用户名已被使用。在payloadCreatorI 调用return thunkAPI.rejectWithValue('USERNAME_IS_TAKEN');中，处理auth/register/rejected操作的 reducer 将错误存储在authSlice的状态中。现在我想对错误做出反应，RegisterScreen并为用户名 TextInput 提供描述性错误消息（我对错误的反应与我的问题无关）。但我不知道如何对我的身份验证状态中的错误状态更新做出反应RegisterScreen（这是一个类组件使用connect连接到 redux 存储）。我应该如何应对更新中的身份验证错误RegisterScreen？

标签： reactjsreact-nativereduxexporedux-toolkit