I need to know how to define next js Context
types and and it's req
types?
Here I write this getServerSideProps
function-
//Server side functions
export const getServerSideProps: GetServerSideProps = async (context) => {
await getMovies(context, context.req);
return { props: {} }
}
And here I write this function-
export const getMovies = (context: **types, req: **types) => {
//here the main function
}
Here How Can I define context
types and req
types?
Please help me?
In VS Code, you can right click on a type and click "Go to Definition". The type of GetServerSideProps
is defined inside next.js as:
export type GetServerSideProps<
P extends { [key: string]: any } = { [key: string]: any },
Q extends ParsedUrlQuery = ParsedUrlQuery,
D extends PreviewData = PreviewData
> = (
context: GetServerSidePropsContext<Q, D>
) => Promise<GetServerSidePropsResult<P>>
So it looks like the context
parameter is a GetServerSidePropsContext
, with some generic parameters.
Which means your function becomes:
import type {
GetServerSideProps,
GetServerSidePropsContext,
PreviewData,
} from "next";
import { ParsedUrlQuery } from "querystring";
// ...
export function getMovies<Q extends ParsedUrlQuery, D extends PreviewData>(
context: GetServerSidePropsContext<Q, D>,
req: GetServerSidePropsContext<Q, D>["req"]
) {
// ...
}
I would just drop the req
parameter though, it's already in context
. Extract it inside getMovies
if you must.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.