小编Jul*_*ien的帖子

Next.js getStaticPaths

我的“getStaticPaths”函数有问题。当我尝试使用参数获取动态显示时,它向我显示错误:在 getStaticPaths for / movies / [id] 中未将必需参数 (id) 作为字符串提供,但如果我使用上面的另一种方式,它会起作用。最重要的是,我是文档。

import fetch from 'node-fetch';


function MovieSelect({movie}){

    return(
        <div>
            <h1>Test: {movie.name}</h1>
            <p>{movie.summary.replace(/<[/]?[pb]>/g, '')}</p>
            {movie.image ? <img src={movie.image.medium} /> : null}
        </div>
    )
}

export async function getStaticPaths(){
    const request  = await fetch('https://api.tvmaze.com/search/shows?q=batman')
    const movies = await request.json()

    //const paths = movies.map(movie =>`/movies/${movie.show.id}`)

    const paths = movies.map(movie =>({
        params: {id: movie.show.id},
    }))

    return {
        paths,
        fallback: false
    }
}

export async function getStaticProps({params}){
    const request = await fetch(`https://api.tvmaze.com/shows/${params.id}`)
    const movie …
Run Code Online (Sandbox Code Playgroud)

api reactjs next.js

14
推荐指数
2
解决办法
1万
查看次数

标签 统计

api ×1

next.js ×1

reactjs ×1