Question

如果问题似乎很愚蠢，我很抱歉，但我仍在学习react和html。所以事情是我的react代码中有一个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”？

Answer 1

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

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

Answer 2

在<链接>中，它将to={props.link}视为对象，并且不会创建绝对路径。我不得不这样改变它

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

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

<Link>如何工作？ <Link>

2 个答案: