Я использую React-Bootstrap и строю Навбар. Я хочу заменить значок меню гамбургера React-Bootstrap на значок гамбургера Font Awesome.
Как мне изменить встроенное меню гамбургера? Вот мой Navbar:
<Navbar expand="lg">
<Navbar.Brand href="#home">
<FontAwesomeIcon icon="gem" color="#20FC8F" size="2x" />
</Navbar.Brand>
<Navbar.Toggle aria-controls="basic-navbar-nav"/>
<Navbar.Collapse id="basic-navbar-nav">
<Nav className="mr-auto">
<Nav.Link href="#home">Home</Nav.Link>
<Nav.Link href="#link">Link</Nav.Link>
</Nav>
</Navbar.Collapse>
</Navbar>
Я импортирую значок Font Awesome, который я хочу использовать, и отображаю его так:
<FontAwesomeIcon icon="bars" color="#20FC8F" size="2x" />;
Как я могу использовать это вместо React-Переключатель переключателя?