如何解决如何使用 MERN 应用程序中的钩子更新上下文中的状态
我需要一些帮助来更新 Context 中的状态,我想我需要一个回调函数,但我不确定如何在我的情况下更新我的用户状态。我正在尝试在 user.cart(数组)中推送一个元素。
注意:后端一切正常。
这是我的功能:
const {user,setUser} = useContext(UserContext)
useEffect(() => {
},[user])
const addToCart = (userId,product) => {
console.log(user.cart,'1')
fetch(`${API}/cart/usercart`,{
method:"POST",headers: {
'Content-Type': 'application/json'
},body: JSON.stringify([userId,product])
})
.then(() => {
console.log('2')
setUser(oldState => ({
...oldState,cart: [
...oldState.cart,product
]
}))
console.log(user.cart,'3')
})
.catch(error => console.log(error))
}
这是我的上下文:
const UserContextProvider = (props) => {
const [user,setUser] = useState({})
useEffect(() => {
fetch(`${API}/auth/user`,{
method: 'GET',withCredentials: true,credentials: 'include'
})
.then (response => response.json())
.then (response => {
setUser(response.user)
})
.catch (error => {
console.error (error);
});
},[setUser])
return (
<UserProvider value={{user,setUser}}>
{props.children}
</UserProvider>
)
}
export default UserContextProvider;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。