当我更新状态时，结果不会更新，直到我使用 useEffect 钩子刷新页面

Question

我正在使用我的学院网络应用程序的仪表板。在仪表板中，每当我更新或添加课程时，状态都会更新，但导致界面仅在我刷新页面之前更新。

const [courses, setCourses] = useState([]);
async function getCoursesServer() {
const courses = await getCourses();
setCourses(courses);
}
useEffect(() => {
getCoursesServer();
}, []);

但是，如果我不使用依赖项，则会显示有关内存泄漏的错误。

Answer 1

我猜您在"仪表板"中添加课程时正在改变数组。

在更新课程时设置新数组。

因此，在您的仪表板中，像这样做

setCourses([ ...courses, newItem])