useEffect不等待异步等待

时间:2019-11-15 06:09:50

标签: reactjs async-await react-hooks use-effect

我没有问题,当我将其记录到控制台时,以下代码返回一个空数组,而不是试图从api中提取的数据,它不等待状态被更新。

const [stateArticles, setArticles] = useState([]);
const [stateStatus, setStatus] = useState(null);enter code here

useEffect( () => {



        async function getArticles() {

            try {
                const res = await axios.get(Global.url + "articles");
                const data =  await res.data.articles;                   

                if (res.data.articles) {                       

                     setArticles({
                        stateArticles: data
                    })        
                   setStatus({
                        stateStatus: "sucess"
                    })  

                }    

            } catch (error) {
                console.log("error" + error);

            }




      getArticles();
        console.log(stateArticles);
         }

},[]);

0 个答案:

没有答案