Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何从react中的模式提交表单,然后确保在前端刷新数据?_Reactjs - Fatal编程技术网

Reactjs 如何从react中的模式提交表单,然后确保在前端刷新数据?

Reactjs 如何从react中的模式提交表单,然后确保在前端刷新数据?,reactjs,Reactjs,我的第一个问题,也是我在React的第一个项目。我花了很多时间在理论上,取得了很大的进步。我们将很快总结 我在前端有一个按钮组件。单击该按钮时,我正在打开一个模态组件 在模态组件中,我使用的是Formik。使用道具,我可以确保节点/MONGO后端的值在相关文本字段中正确显示 这个想法是,用户可以做出任何他们选择的改变,然后点击提交。在提交时,我将再次连接到节点并更新条目 现在提交时,模式也关闭了,我现在正在传递一个useffect函数,在该函数中再次从同一个集合中获取数据,并希望显示更新的数据

我的第一个问题,也是我在React的第一个项目。我花了很多时间在理论上,取得了很大的进步。我们将很快总结

  • 我在前端有一个按钮组件。单击该按钮时,我正在打开一个模态组件
  • 在模态组件中,我使用的是Formik。使用道具,我可以确保节点/MONGO后端的值在相关文本字段中正确显示
  • 这个想法是,用户可以做出任何他们选择的改变,然后点击提交。在提交时,我将再次连接到节点并更新条目
  • 现在提交时,模式也关闭了,我现在正在传递一个useffect函数,在该函数中再次从同一个集合中获取数据,并希望显示更新的数据
  • 点击提交按钮一次,然后再次打开模式/表单后,我看不到文本框中的更改。但是,在关闭模式然后再次打开后,我看到更改已保存
  • 问题-如何让更改直接反映在表单中?而不是等待第二次点击


    如果我问了一个愚蠢的问题,请对我宽容一点,因为我正在学习整个React秀:)。希望有人能帮助我理解这一点。

    我通过一个简单的超时解决了这个问题。只是用setTimeout延迟了函数调用的执行,这就成功了。

    我明白你的意思,但如果不看到实现,就很难给出解决方案。因为你可以用很多方法来做,谢谢。你能解释一下你做这件事的几种方法吗?可能只有两种方式。提问时,最好包含您尝试的一些代码,以便能够提供反馈并提供可能的解决方案。若要刷新视图,请使用当前状态更新状态,而不进行任何更改
    this.setState({state:this.state})