如何将材质图标添加到React-Bootstrap

Question

我试过了

<Navbar.Collapse>
     <Nav>
         <NavItem eventKey={1} href="#">
             <i className="material-icons">face</i>Home
         </NavItem>
     </Nav>
  </Navbar.Collapse>

但不行。 使用以下链接将public/index.html的字体cdn链接起来 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

Answer 1

您可以使用以下包。

https://www.npmjs.com/package/react-google-material-icons

使用如下。

import MaterialIcon from 'react-google-material-icons'

<MaterialIcon icon="account_box" size={36}/>