React design pro 向表格中添加数据,表格不会刷新

react

                                                           React design pro 向表格中添加数据,表格不会刷新

一、由于我是初学者,很多东西都没有深入的理解,看dva文档也并没有深入的进行了解,所以才导致遇到了许多的问题。我遇到的问题:我通过form提交数据表单,写入数据库,但表格不能同步刷新插入的数据,并且显示,显示的还是以前的数据,需要刷新一下页面才正常。

二、问题原因查找:

1.先看前端添加函数代码:

之前的思路:第一个函数作用,就是调用添加数据接口,执行完后在调用查询数据接口,重新加载数据。通过这种方式,我们调试可以发现,这两个函数是异步的,执行不会像我们想象的结果一致,那是必然的。这里面因为是异步函数,所以有很多种情况发生,因为它不知道第一个函数是否执行成功,第二个函数也会同步执行,就会出现两个函数同时执行,也就是说,第一个函数添加数据还没完成,第二个函数就已经执行完成,所以查询到是添加之前的数据,这里就可以解释为什么表格数据不进行刷新了,从这里可以看出,我并不了解dispath的用法,也特别需要去了解异步执行的相关知识。

三、解决办法(可能不是最完美的):

1.修改models直接返回call方法:

2.页面代码修改为:

至此,我的问题解决了,不知道这种方法效果如何但能达到目的,这里还有另外一种解决办法,那就是在model文件里面进行callback 例如:

如果有更好的解决方法,或者是我的理解有错误,还望各位大佬指点一下我,我将感激不尽。

请联系我:[email protected]

以上是 React design pro 向表格中添加数据,表格不会刷新 的全部内容, 来源链接: utcz.com/z/382355.html

回到顶部