next-redux-wrapper Wrapper.getStaticProps 无法使用

Question

这是我的后端控制器，我正在获取房间数据

const allRooms = catchAsyncErrors(async (req, res) => {

    const resPerPage = 4;

    const roomsCount = await Room.countDocuments();

    const apiFeatures = new APIFeatures(Room.find(), req.query)
        .search()
        .filter()

    let rooms = await apiFeatures.query;
    let filteredRoomsCount = rooms.length;

    apiFeatures.pagination(resPerPage)
    rooms = await apiFeatures.query;

    res.status(200).json({
        success: true,
        roomsCount,
        resPerPage,
        filteredRoomsCount,
        rooms
    })

})

这是我发送负载和数据的 redux 操作

    export const getRooms = (req, currentPage = 1, location = '', guests, category) => async (dispatch) => {
    try {

        const { origin } = absoluteUrl(req);

        let link = `${origin}/api/rooms?page=${currentPage}&location=${location}`

        if (guests) link = link.concat(`&guestCapacity=${guests}`)
        if (category) link = link.concat(`&category=${category}`)

        const { data } = await axios.get(link)

        dispatch({
            type: ALL_ROOMS_SUCCESS,
            payload: data
        })

    } catch (error) {
        dispatch({
            type: ALL_ROOMS_FAIL,
            payload: error.response.data.message
        })
    }
}

这是我的reducer函数，调度房间数据

export const allRoomsReducer = (state = { rooms: [] }, action) => {
    switch (action.type) {

        case ALL_ROOMS_SUCCESS:
            return {
                rooms: action.payload.rooms
            }

        case ALL_ROOMS_FAIL:
            return {
                error: action.payload
            }

        case CLEAR_ERRORS:
            return {
                ...state,
                error: null
            }

        default:
            return state
    }
}

这里我想使用 wrapper.getStaticProps 获取数据，但出现错误，但是当我使用 wrapper.getServerSideProps 时，我获取了数据。

 export const getStaticProps = wrapper.getStaticProps(store=> async ({ req, query, })  => {
  await store.dispatch(getRooms(req, query.page, query.location, query.guests, query.category))
})

Answer 1

似乎在 ({ req, query, }) => 中，query 是 undefined.

根据 documentation of next，getStaticProps 的 context 对象没有属性 query。它仅适用于 getServerSideProps。

另见 this info:

Only runs at build time Because getStaticProps runs at build time, it does not receive data that’s only available during request time, such as query parameters or HTTP headers as it generates static HTML.

next-redux-wrapper Wrapper.getStaticProps 无法使用

next-redux-wrapper Wrapper.getStaticProps not working with

redux

next.js

next-redux-wrapper