如何将状态从到达路由器传递到链接

Question

无法在此处找到答案来帮助解决我的问题。

在我的播放列表组件中，有一个图像链接到轨道的新路径。我想将播放列表ID传递给曲目，以便它可以根据给定的ID显示曲目，但是不管我怎么做，它都对我不起作用。

这是我正在尝试的：在播放列表组件中，我返回

           <Link to={{
                  pathname: '/tracks',
                  state: {
                       playlistid: playlist.id
                   }
                  }}>
                 <img alt = "album"src={image.url}/>
           </Link>

它显示图像，但我得到的错误是

失败的道具类型：提供给类型to的道具object无效Link，预期的string

有人可以告诉我如何正确通过此吗？

谢谢

Answer 1

为了使状态从Reach路由器传递到Link组件，您可以将状态作为单独的道具传递。 to属性必须是字符串

<Link
     to='/tracks'
     state= {
        playlistid: playlist.id
     }
 >
     <img alt = "album"src={image.url}/>
 </Link>

有关更多信息，请参考Link from Reach-router的文档>

Answer 2

您可以尝试这个：