在分发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));
};