时间戳

首页 > 解决方案 > 在反应上下文中使用异步登录功能

reactjs - 在反应上下文中使用异步登录功能

问题描述

我的 React 应用程序有问题。事实是我正在尝试使用本地存储和上下文来实现登录系统。登录操作如下所示：

const login = async (username, password) => {
    const user = await axios.post("http://localhost:4999/login", {username, password})
    dispatch({type: 'LOGIN', payload: user.data})
}

我在包含登录表单的 Main 组件中使用它。这里调用的函数是：

const onSubmit = (e) => {
    e.preventDefault()
    await login(email, password)
}

问题是我收到一条错误消息：

意外的保留字“等待”

请你告诉我，有什么问题吗？谢谢！

标签： reactjsasync-awaitaxios

解决方案

onSubmit 函数也必须是异步的

 const onSubmit = async  (e) => {
     e.preventDefault()
     await login(email, password) }

推荐阅读