与 async 和 await 一起使用时，Axios 似乎没有更新状态

Question

当我将 Axios 与 async 和 await 一起使用时，如何立即更新状态数据？似乎没有立即更新状态数据。非常感谢并非常感谢。这是代码示例：

const[dbdata,setDBData] = useState([])  


  useEffect(async() => {
        const response = await Axios.get('http://localhost:5000/api/posts/allpost', {withCredentials:true})
        setDBData(response.data)
    
    }, [])

    const GetPost = async(id) =>{
        const response = await Axios.put('http://localhost:5000/api/posts/getPost',{postId:id}, {withCredentials:true})
        const getData = dbdata.map(item => {
            if(item._id==response._id){
                return response
            }
            else{
                return item
            }
           
        })
        console.log(getData)
        setDBData(getData)
    }

Answer 1

不支持useEffect(async () => ...)，但您可以在效果内调用异步函数。

试试：

useEffect(() => {
 
  const GetPost = async(id) =>{
       const response = await Axios.put('http://localhost:5000/api/posts/getPost',{postId:id}, {withCredentials:true});
       const getData = dbdata.map(item => {
           if(item._id==response._id){
              return response;
           }
           else{
              return item;
           }
               
        })
        console.log(getData);
        setDBData(getData);
  }
   GetPost();
}, [])

    

编辑：

或者：

useEffect(() => {
   GetPost();
}, []);

const GetPost = async(id) =>{
       const response = await Axios.put('http://localhost:5000/api/posts/getPost',{postId:id}, {withCredentials:true});
       const getData = dbdata.map(item => {
           if(item._id==response._id){
              return response;
           }
           else{
              return item;
           }
               
        })
        console.log(getData);
        setDBData(getData);
}