类型“/${string}`”不可分配给类型“ExternalPathString”.ts

Question

我在此代码片段的标题中遇到上述错误

<Link      
     href={{          
     pathname: `/${String(service.name.toLowerCase())}`,      
     }} 
>

即使 service.name 已经是一个字符串，但我也添加了 String 类型，但仍然没有将其视为相同类型的ExternalPathString。

Answer 1

根据动态路由的docs，它显示您应该添加 [name]，然后在名为 params 的单独属性中引用 [name] 的内容。

像下面这样的东西应该可以工作，如果不行，请告诉我，我会尽力从那里帮助你。

<Link
  href={{
    pathname: '/[serivceName]',
    params: { serviceName: servie.name.toLowerCase() },
  }}>
    {/* Content here */}
</Link>

我认为您确实需要一个名为您的服务名称或 [serviceName].(jsx/tsx) 的文件才能正常工作，但我认为您可能已经这样做了。