反應如何 <Link> 作品？ 絕對路徑 <Link>

Question

拳頭我很抱歉，如果問題似乎很愚蠢，但我仍在學習反應和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

在<Link>中，它將to={props.link}視為對象，並且不創建絕對路徑。 我不得不這樣改變

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

為了將其視為代表絕對路徑的字符串