未等待在react redux中从useDispatch()获取结果

在React Redux中，使用useDispatch()可以获取dispatch函数，用于触发Redux中的action。但是，由于dispatch是一个异步操作，我们不能直接从useDispatch()中获取结果。相反，我们需要使用其他方法来处理异步操作的结果。

一种常见的方法是使用Redux Thunk中间件。Thunk是一个函数，它包装了一个表达式，该表达式延迟计算或执行。在Redux中，Thunk可以用来处理异步操作。通过在action creator中返回一个函数而不是一个普通的action对象，我们可以在函数中执行异步操作，并在操作完成后再触发相应的action。

下面是一个示例，展示了如何在React Redux中使用Redux Thunk处理异步操作：

首先，安装Redux Thunk依赖：

npm install redux-thunk

在Redux store的创建过程中，将Redux Thunk中间件应用于store：

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import rootReducer from './reducers';

const store = createStore(rootReducer, applyMiddleware(thunk));

创建一个异步的action creator，该函数将在异步操作完成后触发相应的action：

import axios from 'axios';

export const fetchData = () => {
  return (dispatch) => {
    dispatch({ type: 'FETCH_DATA_REQUEST' });

    axios.get('https://api.example.com/data')
      .then((response) => {
        dispatch({ type: 'FETCH_DATA_SUCCESS', payload: response.data });
      })
      .catch((error) => {
        dispatch({ type: 'FETCH_DATA_FAILURE', payload: error.message });
      });
  };
};

在上面的示例中，fetchData是一个异步的action creator，它返回一个函数。在这个函数中，我们可以执行异步操作（例如，使用axios库发送HTTP请求）。在异步操作完成后，我们可以根据结果触发相应的action（例如，FETCH_DATA_SUCCESS或FETCH_DATA_FAILURE）。

在组件中使用useDispatch()来获取dispatch函数，并调用异步的action creator：

import React, { useEffect } from 'react';
import { useDispatch } from 'react-redux';
import { fetchData } from './actions';

const MyComponent = () => {
  const dispatch = useDispatch();

  useEffect(() => {
    dispatch(fetchData());
  }, [dispatch]);

  return (
    // 组件的内容
  );
};

在上面的示例中，我们使用useEffect钩子来在组件加载时调用异步的action creator。通过dispatch(fetchData())，我们可以触发异步操作并获取数据。

需要注意的是，上述示例中的action types和reducer需要根据具体的应用程序进行调整。

总结：在React Redux中，使用useDispatch()可以获取dispatch函数，但无法直接从中获取结果。为了处理异步操作的结果，我们可以使用Redux Thunk中间件，并在action creator中返回一个函数来执行异步操作。通过这种方式，我们可以在异步操作完成后触发相应的action，并更新Redux store中的状态。