如何在Next.js中使用getStaticProps获取数据

nnt7mjpx  于 2023-05-17  发布在  其他
关注(0)|答案(1)|浏览(226)

我有getStaticProps的数据。但是当我在函数内部获取数据时遇到了问题。我不知道我该怎么做。

export async function getStaticProps(){
    const res = await axios.get(`https://dummyjson.com/products?limit=10&skip=${page*10-10}`)
    const data = res.data
    console.log(data)

    return{
        props:{
            products: data
        }
    }
}

这是我的getStaticProps。我需要从useState访问此页面

export async function getStaticProps(){
    const res = await axios.get(`https://dummyjson.com/products?limit=10&skip=${page*10-10}`)
    const data = res.data
    console.log(data)

    return{
        props:{
            products: data
        }
    }
}

function Filter( { products } ) {

    const [page, setPage] = useState(1)

enter image description here
我不知道怎么才能得到这些数据

dl5txlt9

dl5txlt91#

您可以在useEffect中访问您的产品,如下所示

useEffect(() => {
   setProducts(products);
}, []);

因为产品必须在运行时访问,而不是在构建项目时访问。我认为可以帮助你的另一件事是,当你在getstaticprops函数中使用console.log时,你的日志在IDE logcat上构建项目时显示,而不在浏览器控制台上显示。

相关问题