function useFetchUserInformation() {
const dispatch = useDispatch();
useEffect(() => {
const fetchUser = async () => {
try {
// Call the API to fetch user information
// NOTE: Replace with your actual API endpoint
const userInformation = await fetch('/api/user');
// Dispatch the action to store user information in Redux
dispatch({ type: 'SET_USER_INFORMATION', payload: userInformation });
} catch (error) {
console.error('Error fetching user information:', error);
}
};
fetchUser();
}, [dispatch]);
}
1条答案
按热度按时间30byixjq1#
要在Next.js应用挂载时获取用户信息并将其存储在Redux中,您可以遵循不同的方法。一种选择是使用自定义钩子来获取用户信息并更新Redux商店。下面是一个如何实现此目标的示例:
然后在MyApp组件中调用此钩子,以在应用挂载时启动抓取过程,如下所示: