reactjs - 如何从模式中提交表单，然后确保数据在前端刷新？

Question

我的第一个问题，也是我在 React 中的第一个项目。在花了很多时间研究理论之后，我取得了不错的进步。会很快总结。

1. 我在前端有一个按钮组件。当我单击按钮时，我正在打开一个模态组件。
2. 在 Modal 组件内部，我使用的是 Formik。使用道具我确保来自 NODE/MONGO 后端的值正确显示在相关文本字段中。
3. 这个想法是用户可以进行任何他们选择的更改，然后点击提交。提交时，我再次连接到节点并更新条目。
4. 现在在提交时，模态也关闭了，我现在在 useEffect 中传递一个函数，并在该函数中再次从同一个集合中获取数据并希望显示更新的数据。
5. 在点击一次提交按钮然后再次重新打开模式/表单后，我看不到文本框中的更改。但是，在关闭模式然后再次重新打开后，我看到更改已保存。

问题 - 我怎样才能让更改立即反映在表格中？而不是等待第二次点击。

如果我问了一个愚蠢的问题，请放轻松，因为我只是在学习整个 React 节目 :)。希望有人可以帮助我理解这一点。

标签： reactjs

Answer 1

我通过一个简单的超时解决了这个问题。只需使用 setTimeout 延迟函数调用的执行，就可以了。