如果我使用异步函数，则在reactjs中也不立即使用效果

Question

基本上，每次我对数据库（sqlite3）进行操作时，它不会立即在页面上呈现，但是我必须单击一些其他组件才能进行更新，否则我必须刷新页面/重置服务器服务器，

这是我很snippet我很snippet在每个页面组件中使用：

const fetchData= async()=>{
        let updatedVector= await API.getUpdate();
        for (let i = 0;i<props.courses.length;i++){
            for (let j=0;j<updatedVector.length;j++){
                if(props.courses[i].code===updatedVector[j].code){
                    props.courses[i].current= await API.getSpecificData(props.courses[i].code);
                }
            }
        }
    }

    //
    useEffect(()=>{
        fetchData();
    },[fetchData])

它确实在数据库上进行更新，但是需要一些时间才能更新组件，是否有任何方法可以立即更新？或者我必须刷新应用程序。

---

编辑：我也通过了SetState，但是我必须在组件链接上至少单击两次，然后我进行了更新：

//get updates
    useEffect(()=>{
        console.log("triggered")
        const fetchData= async()=>{
            let updatedVector= await API.getUpdate();
            for (let i = 0;i<props.courses.length;i++){
                for (let j=0;j<updatedVector.length;j++){
                    if(props.courses[i].code===updatedVector[j].code){
                        props.courses[i].current= await API.getSpecificData(props.courses[i].code);
                    }
                }
            }
            props.setCourses(props.courses)
        }
        fetchData();
    },[fetchData])

Answer 1

props.courses [i] .current useref？

如果是这样，请尝试使用Usestate来处理您的数据，您将不会有重新渲染问题。