反应js导入中的字体真棒图标答案

【问题标题】：Font Awesome icon in ractjs import反应js导入中的字体真棒图标
【发布时间】：2022-11-10 16:17:56
【问题描述】：

我正在为我的个人项目网站在 reactJs 中创建一个 nnavbar。我在将 Font Awesome 导入导航栏时遇到问题。我下载了所有依赖项并遵循了文档，创建了配置文件，但我看不到图标。这是repo 我上传了代码。感谢所有对我有帮助的人。

【问题讨论】：

由于这是一个个人项目，我建议选择 react-icons.github.io/react-icons 。它有许多图标提供商，您也不会面临付费许可证问题
如果您查看了文件 .json，我已经添加了它。我需要一些其他的图标和字体真棒有更多

标签： reactjs font-awesome

【解决方案1】：

请按照以下文档安装 Font Awesome Icon。

https://fontawesome.com/docs/web/use-with/react/

安装完成后，您可以像下面的示例那样在函数或类组件中导入 fontawesome 图标。

    import { faCar, faHeart, faShoppingCart } from '@fortawesome/free-solid-svg-icons';

class Test extends Component {
render(){
       return (
    <FontAwesomeIcon icon={faCar} />
)
}
}

【讨论】：