如何将异步返回值赋值给减速器的初始状态？

// 引入必要的库和模块
import React, { useEffect } from 'react';
import { useDispatch } from 'react-redux';

// 定义减速器函数
function reducer(state = {}, action) {
  switch (action.type) {
    case 'SET_INITIAL_STATE':
      return { ...state, data: action.payload };
    default:
      return state;
  }
}

// 定义异步操作函数
async function fetchData() {
  const response = await fetch('https://api.example.com/data');
  const data = await response.json();
  return data;
}

// 定义组件
function App() {
  const dispatch = useDispatch();

  useEffect(() => {
    // 在组件挂载时获取异步返回值，并将其赋值给减速器的初始状态
    fetchData().then(data => {
      dispatch({ type: 'SET_INITIAL_STATE', payload: data });
    });
  }, []);

  return (
    // 组件的渲染内容
    <div>
      {/* ... */}
    </div>
  );
}

export default App;