反应 <Link> 是如何工作的？ <Link> 中的绝对路径答案

【问题标题】：how does react <Link> works? Absolute path in <Link>反应 <Link> 是如何工作的？ <Link> 中的绝对路径
【发布时间】：2019-11-27 21:58:38
【问题描述】：

如果问题看起来很愚蠢，我很抱歉，但我仍在学习 react 和 html。所以问题是我的反应代码中有一个 Button 标签，它为我提供了一些关于进入我提供的特定链接的逻辑。我的 Button.js 最终是一个链接，它将我带到我提供的链接：

    <Link
      className={[
        'button',
        `button--${props.design}`,
        `button--${props.mode}`
      ].join(' ')}
      to={props.link}
    >

当我在路线“/”中并调用带有指向 postId 链接的 Button 标签时，我会转到“/:postId”页面，这是我在后端拥有的帖子页面

<Button mode="flat" link={this.props.id}>

但是当我在路由“/profile/”中并且我正在执行按钮时，我将路由“/profile/:postId”，这不是我在后端的帖子页面，所以没有任何反应，我看不到帖子页面。

即使我在“/profile/”路线中，我如何才能转到“/:postId”？

【问题讨论】：

标签： javascript html reactjs react-native

【解决方案1】：

我相信您的问题与相关链接有关。尝试更新您对Button 的使用，在您的“链接”前加上正斜杠：

<Button mode="flat" link=`/${this.props.id}`>

【讨论】：

是的，这确实是相对路径的问题。但正如您提到的，将其更改为
是的，很多 ` 字符都搞砸了我的评论显示方式。我想你明白我改变了什么。我也将它作为答案发布，以便每个人都可以更清楚地阅读它

【解决方案2】：

在中它把to={props.link}当作一个对象，它不创建一个绝对路径。我不得不像这样改变它

    <Link
      className={[
        'button',
        `button--${props.design}`,
        `button--${props.mode}`
      ].join(' ')}
      to={`/${props.link}`}
    >

为了将其视为代表绝对路径的字符串

【讨论】：