首先确定的是数据已经存在reducer中,在页面开发是我们可以随时得到自己想要的数据。
`import { useSelector, useDispatch } from 'umi';
const mReviewList = useSelector((state) => state.approved.reviewList);
const totalNum = useSelector((state) => state.approved.reviewListTotal);
`
首先将 useSelector, useDispatch 在umi中导入,再通过useSelector获取state下的数据,其中approved是命名空间,reviewList是state下的数据
`
const getReviewList = () => {
dispatch({
type: 'approved/getReviewList', // model文件夹的请求地址
payload: { //携带的参数
eventName,
materialName,
applyUnit,
serveNum,
pageSize,
pageNum,
},
});
};
useEffect(() => { //根据依赖请求
getReviewList();
}, [pageNum, pageSize]);
`
这个函数是在搜索时,根据携带的参数,条件性的请求数据,达到筛选数据