#reactjs #hyperlink #href #external
Вопрос:
<NavItem
className="navbar"
target="_blank"
role="link"
href="https://www.google.com"
>
<Fa name="question-circle-o" title="Help" />
</NavItem>
Я использую react bootstrap для создания навигационной панели. В этой конкретной части навигационной панели я использую шрифт awesome для создания кнопки, при нажатии на которую откроется новая вкладка в Google. Однако, когда я использую приведенный выше код и нажимаю на кнопку, ничего не происходит.
Комментарии:
1. Помог ли мой ответ?
Ответ №1:
Вам нужно будет добавить as
реквизит, чтобы он действовал как определенный HTML-элемент
Так:
<NavItem
className="navbar"
target="_blank"
role="link"
href="https://www.google.com"
as="a" //<-- ADD HERE
>
<Fa name="question-circle-o" title="Help" />
</NavItem>
Комментарии:
1. Я пытался использовать в качестве опоры, но, к сожалению, я все еще испытываю ту же проблему