React Link添加不需要的/(React JS)?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (197)

我想添加一个引导选项卡到我的项目。但当使用Link它引起了一个问题。

<a href="#myID">DEMO</a>
<Link to="#myID">DEMO</Link>

在Chrome控制台中,我发现在ID之前添加了一个“/”,这使得选项卡无法工作(我通过“编辑属性”手动删除控制台中的“/”,它可以工作),我可以知道如何解决这个问题吗?

(在控制台中)

Link: href="/#myID"
a: href="#myID"
提问于
用户回答回答于

使用路由器道具:

// props from `react-router`'s Route
const Component = ({ location }) => (
  // render stuff
  <Link to={location.pathname + '#myID'}>DEMO</Link>
  // render stuff
)

// assuming routes similar to
// ...
<Route path="somepath" component={Componet} />
// ...

所属标签

可能回答问题的人

  • 应用案例分享

    1 粉丝490 提问5 回答
  • o o

    4 粉丝495 提问5 回答
  • 找虫虫

    5 粉丝0 提问4 回答
  • 天使的炫翼

    20 粉丝531 提问3 回答

扫码关注云+社区

领取腾讯云代金券