Action在API调用之前被分发，因此payload被发送为promise。

在分发action之前，在API调用中使用async/await或.then()确保在分发action时已获取到所需的数据。以下是一些示例代码：

使用async/await：

export const fetchUserData = () => async (dispatch) => {
  try {
    const response = await fetch("https://example.com/userData");
    const userData = await response.json();
    dispatch({ type: FETCH_USER_DATA, payload: userData });
  } catch (error) {
    console.log(error);
  }
};

使用.then()：

export const fetchUserData = () => (dispatch) => {
  fetch("https://example.com/userData")
    .then((response) => response.json())
    .then((userData) =>
      dispatch({ type: FETCH_USER_DATA, payload: userData })
    )
    .catch((error) => console.log(error));
};