基于umi 在page页面中获取全局数据

328 阅读1分钟

首先确定的是数据已经存在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]);

  `
  

这个函数是在搜索时,根据携带的参数,条件性的请求数据,达到筛选数据