React 函数组件里Hook useState 状态更新问题

437 阅读1分钟

使用useState 无法给状态更新 重新赋值 请求大佬支招

例子如下

引入了react的 hook 并且也使用了 useEffect去监听 挂载 无法实现修改状态重新给状态赋值的作用 检查无语法错误等情况 ,不是异步的问题

import axios from 'axios';
import {useState,useEffect} from 'react';
export default  ()=>{
    let [classes,setClasses] =useState([]);
     //挂载
    useEffect(async () => {
        let result=await axios.get(`/api/class/showclasses`);
        console.log(result.data.result);
        let classArr=result.data.result;  //这里是拿到数据
         await setClasses([...classArr]);  //给状态重新赋值 
        console.log(classArr,"====="); 
        //打印的结果依然为空数组 不管修改什么内容都无法 执行上一行代码的作用  也没有报错
       },[]}
}