Font Awesome 图标没有出现在 React 应用程序中

Question

I Install all 3 required modules in react app.
npm i --save @fortawesome/fontawesome-svg-core
npm install --save @fortawesome/free-solid-svg-icons
npm install --save @fortawesome/react-fontawesome

I am trying to add font awesome icon in my program. But it is not showing up.Do I need to copy Font Awesome link and add in my app. That's what I used to do it in my html program.

（例如）

但是在react中怎么做呢？我尝试了文档中的方法，但它不起作用。我只添加了我的 program.Please 帮助的一部分。

import React  from 'react';
import { Form, Button} from 'react-bootstrap';
import './ContactUs.css';
import { library } from '@fortawesome/fontawesome-svg-core'
import { fab } from '@fortawesome/free-brands-svg-icons'
import { faCheckSquare, faShare} from '@fortawesome/free-solid-svg-icons'
library.add(fab, faCheckSquare, faShare)

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
// import { faShare } from '@fortawesome/free-solid-svg-icons'

class ContactUs extends React.Component{
    
    render(){
        return(
            <div>
               <Button className="btn send-button mt-4"> 
                  SUBMIT
                    <FontAwesomeIcon icon="share" />
                  </Button>
            </div>
        )
    }
}
export default  ContactUs;

Answer 1

除了一件事，我没有发现任何问题。当您使用单独的图标而不是 <FontAwesomeIcon icon="share" /> 时，您必须像这样写 <FontAwesomeIcon icon={faShare} />

请查看以下内容link以供参考。 https://codesandbox.io/s/frosty-glade-9ful6?file=/src/App.js

Font Awesome 图标没有出现在 React 应用程序中

Font Awesome icon is not appearing in react application

fonts

font-awesome

reactjs