在Redux中，一切都是声明性的，你不能像在promise调用中那样等待异步操作，相反，你必须为失败分派一个操作，并将错误存储在reducer中。
您的thunk应该如下所示

const addUser = (values) => async (dispatch) => {
    dispatch({type:"ADDING_USER"}) // You can use this for showing some loading state
    const response = await getDataFromAPI(values);
    if(response.status === 200) {
        dispatch({type:"ADD_USER_SUCCEEDED", data: response.data});
    } else {
        dispatch({type:"ADD_USER_FAILED", error: "API Failed" });
    }  
}

然后，在组件中，您必须侦听所需的所有值，并基于这些值以声明方式编写呈现逻辑。

const {loading,status,error} = useSelector(state=>state.newUser)

if(error)
   return <p>API Call failed</p>;
else if(loading)
   return <p> Loading </p>;
else 
   return <p> Data saved </p>

如果你需要触发一些基于它的逻辑，那么你应该在thunk本身中做。如果你需要在redux状态的值改变时触发组件中的一些函数，那么你必须使用useEffect并将值作为依赖项传递。

useEffect(() => triggerFunction, [status]);

在Redux中：
首先，最好更新状态，使其仅包含status，并且其值应根据请求的状态进行更改。status = 'idle'或status = 'loading'或status = 'succeded'或status = 'failed'
第二，在addUser function中，您应该在请求之前使用await关键字。
第三，你应该检查请求的状态，如果它失败或成功，这可以在addUser function内部完成，并分派两个操作之一，一个用于失败，另一个用于成功，以更新状态，或者你可以在分派你的操作'（{type：“ADD_USER”，payload：response.data}）之后完成，并检查reducer中的响应数据以更新状态。
在UI中：
你需要通过useSelector访问数据，但是在表单提交后执行一个操作，该操作将更新存储中的状态。你应该在useEffect钩子中执行此操作。

useEffect(() => 
        if (status === 'failed') {
            // somecode
        } else if (status === 'succeeded') {
            // somecode
        }
    }, [status]);