首页 > 解决方案 > React 路由器,一个无处可去的链接

问题描述

在 HTML 中,我可以使用<a href="#"></a><a href="javascript:void(0)"></a>创建一个不指向任何地方的链接。我如何对 react-routerLinkto属性做同样的事情?不允许传递undefinedor null,只能传递字符串或对象。传递#不起作用,传递空字符串会导致与传递/. 我需要有条件地这样做,所以有时Link会有一个真实的路径名,有时它应该是空的,所以我不能使用普通a元素。我想到的解决方法是渲染a而不是Link有条件地渲染或传递类似的函数

(location: Location) => ({ ...location, href: '#' })

to物业,但有没有更优雅的方式?

标签: javascriptreactjsreact-router

解决方案


推荐阅读