path.startsWith 不是 next js 中的函数

Question

为什么它向我显示路径开始时出现错误。我正在尝试将金额发送到路径

 import { useRouter } from 'next/navigation'

      const checkoutHandler = ()=>{
        router.push({
          pathname: '/checkout/[amount]',
          query: { amount: customAmount},
        })
      }


    <div className="continue-btn" onClick={()=> checkoutHandler()}>
       Continue
     </div>

Answer 1

如果您使用的是 next/navigation，则无法像这样传递查询参数。只需使用字符串或模板文字在下一个导航中添加查询参数即可。

检查此 URL：使用下一个/导航中的路由器

例如：在你的代码中

router.push(`/checkout/${[amount]}?amount=${customAmount}`)

N.B：我不确定你的[金额]，因为你没有提到它是来自动态路线段还是其他东西。