getServerSideProps查询参数

Question

你好，我想用NextJS和他的getServerSideProps函数发送一个API请求，但是我不能传输我的ID查询参数。

My：http://localhost:3001/product/${id}

我的守则：

    const router = useRouter();
    return(
        <div>
            {console.log(products.name)}
        </div>
    );
}


export async function getServerSideProps(context){
    const {id}= context.query.q;
    const request = await fetch(`http://localhost:3001/product/${id}`);
    const products = await request.json();
    return{
        props:{
            products
        }
    }
}

来了未定义的

我做错了什么？

Answer 1

其作品

import {useRouter} from "next/router";

export default function search({products}){
    const router = useRouter();
    return(
        <div>
            {console.log(products[0].name)}
        </div>
    );
}


export async function getServerSideProps(context){
    const id = context.query.q;
    const request = await fetch(`http://localhost:3001/product/${id}`);
    const products = await request.json();
    return{
        props:{
            products
        }
    }
}