使用Next.js和Redux挂钩从“ getInitialProps”内部调度异步操作创建者

Question

因此，我正在使用React Hooks，并使用Redux useSelector和useDispatch的新hooks方法从存储中获取数据并调度动作。

比方说，我想在Next.js getInitialProps函数中调度一个异步操作，我将从URL中获取一个ID并将其传递给getInitialProps内部的async函数，然后将结果作为该页面的道具。我该怎么办？

//这是来自Actions文件的异步操作的简单示例

export const asyncGetData = (id) => {
    return async (dispatch, getState) => {
        try {
            let { data } = await axios.get(`api/endpoint/example/${id}}`);
            dispatch({type: GET_DATA; payload: data});
        } catch (error) {
            console.log(error);
        }
    };
};

//这是一个getInitialProps函数...

PageExample.getInitialProps = async function() {

  return {
    // Send the data as props to the page component
  };
};