防止在底部导航栏上弹出URL

Question

我正在使用@material-ui的BottomNavigationBar构建React应用。仪表板的底部操作组件具有输入属性component={Link}，它是react-router-dom中的组件。动作组件还有另一个组件to={"/main/dashboard"}。

这可能会使浏览器像正常链接一样工作，因此显示弹出的URL。

如何隐藏在底部导航栏中弹出的URL标签？

我添加了两个图像以使问题更清楚。

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLmltZ3VyLmNvbS9iSGp6RUYxLnBuZyJ9” alt =“没有鼠标悬停在”>底部操作栏，无需单击。

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLmltZ3VyLmNvbS9DalFrV2x4LnBuZyJ9” alt =“示例网址弹出窗口”>单击导航栏按钮后，会弹出带有网址的底部操作栏。

我正在使用@ material-ui的BottomNavigationBar构建React应用。 Dashboard的底部工具栏操作组件具有输入属性component = {Link}，它是react-router-dom中的组件。 ...

Answer 1

您可以使用button而不是Link，然后使用history进行导航，这样就不再有URL标签。