Reactjs 单击下一页链接，获取页面url上的NaN。反应分页

我需要一些关于分页的帮助。下面我只介绍与分页有关的重要部分。每次我点击下一页链接，我都会在URL上看到NaN。似乎此函数

getPageLink

pageNo

不工作或丢失？任何有关该功能的帮助都将非常有用，谢谢

const Survey = props => {
const [selected, setSelected] = useState({})
const { count, setCount, percentage, setPercentage } = useContext(AppContext)
const pageId = parseInt(props.pageId) 
const [page, setPage] = useState(pageId) 
const [results, setResults] = useState([])
const [totalPages, setTotalPages] = useState(5)

useEffect(() => {
    surveyApi()
    return () => {}
}, [])

const surveyApi = async () => {
    const response = await fetch(`/api/surveyoptions?page=${page}`)
    const results = await response.json()
    setResults(results.result)
    console.log(results.result)
    setPage(results.page)
    console.log(results.next)
    setTotalPages(results.page)
}

const getPageLink = ( pageNo ) => {
    return `/diet/${ pageNo }`
}

return (
    <>
   <Link 
    to={getPageLink(page + 1)}
    onClick={ () => setPage(page + 1) }
    className="next">
           Next Page 
    </Link> 
      </>
   )
  }

 export default Survey

const Survey=props=>{
const[selected，setSelected]=useState（{}）
const{count，setCount，percentage，setPercentage}=useContext（AppContext）
const pageId=parseInt（props.pageId）
const[page，setPage]=useState（pageId）
const[results，setResults]=useState（[]）
常量[totalPages，setTotalPages]=useState（5）
useffect（（）=>{
surveyApi（）
return（）=>{}
}, [])
const surveyApi=async（）=>{
const response=wait fetch（`/api/surveyoptions？page=${page}`）
const results=await response.json（）
setResults（results.result）
console.log（results.result）
设置页面（results.page）
console.log（results.next）
setTotalPages（results.page）
}
const getPageLink=（页码）=>{
返回`/diet/${pageNo}`
}
返回(
设置页面（第+1页）}
className=“下一步”>
下一页
)
}
导出默认调查