Предотвратить всплывающие URL-адреса на нижней панели навигации

Question

Я создаю приложение React, используя @material-ui 'BottomNavigationBar. Компонент действия нижней панели для Dashboard get имеет свойство input component={Link}, являющееся компонентом из react-router-dom. У компонента действия есть другой компонент to={"/main/dashboard"}.

Это, вероятно, заставляет браузер действовать так, как если бы это была обычная ссылка, и, таким образом, отображает всплывающую ссылку.

Как скрыть ссылку ярлык, который появляется над моей нижней панелью навигации?

Я добавил два изображения, чтобы прояснить проблему.

Нижняя панель действий без щелчка по ней.

Нижняя панель действий с всплывающим URL-адресом после нажатия кнопки панели навигации.

Answer 1

Вы можете использовать button вместо Link, а затем перемещаться с помощью history, таким образом, метки URL больше не будет.

В этом случае компонент действия имеет onClick={() => history.push('url')}