1、在使用ant-design-mobile
的ListView
組件的时候,我遇到的问题是当进行拉动刷新时,页面数据并没有完全的刷新清空,所以我遇到产生一系列的问题。
2、这时候我就想到了去找强制刷新页面的方法或者React
重新render的方法,但是用于react-app
上又有些特殊性,所以以上两种方法并没有产生作用。反而会引起app上刷新空白登问题。
3、因为基于dva.js
开发,所以想到另外一种方法就是直接在model
进行数据同步处理,定义一个方法将要处理的数据清空即可。
代码示例
- 在
model
定义一个方法进行相应数据清空处理
clearData(state) {
return {
...state,
data: [], // 数据清空
dataSource: dataUtils.getListViewDataSource(),
pagination: { ...networkUtils.pagination },
};
},
- 在组件相应地方去同步调用即可.
dispatch({
type: 'createDynamics/clearData'
})
这样就很简单的解决的数据未清空的各种问题。