不能显示带有fontawesome的React-js library的图标

Question

import "./App.css";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'

function App() {
return (
<div className="container">
  <input type="text" className="form-control" placeholder="Ara..." id="search_input"> 
</input>
  <button type="button" className="btn btn-light" id="search_button"><FontAwesomeIcon 
icon="search" /></button>

  <button type="button" className="btn btn-primary" id="buttons">E-Twinning</button>
  <button type="button" className="btn btn-primary" id="buttons">Erasmus</button>
</div>
 );
 }

export default App;

我需要帮助。我在后台有一个PNG和SVG文件，我尝试显示SVG和PNG文件，但它不起作用。

Answer 1

icon

prop中使用字符串（您使用的方式），您需要使用

library.add()

添加这些图标才能使其正常工作。

阅读更多

here

。检查部分

“通过全局使用使用图标” 其他方式是导入单个图标并使用它们。

import { faSearch } from "@fortawesome/free-solid-svg-icons";

<FontAwesomeIcon icon={faSearch} />