Javascript 如何在React.js中使用字体Awesome

如何在React js中使用字体Awesome？如果我在我的项目中使用它，它就不会出现。这是我的代码：

import React ,{Component} from 'react'
import './category.css'
import axios from 'axios'
import Course from './courses/course.js'
import Searchfilter from './search/search.js'

class Category extends Component{
    state={
        category :[]
    }
    componentDidMount(){
        axios.get('data.json').then(res =>{this.setState({category:res.data.content})
    })
    }
    render(){
  return (
    <div className="category">
      
      <Course corses={this.state.category} />
    </div>
  )
}
}
export default Category;

import React，{Component}来自“React”
导入“./category.css”
从“axios”导入axios
从“./courses/courses.js”导入课程
从“./search/search.js”导入Searchfilter
类类别扩展组件{
陈述={
类别：[]
}
componentDidMount（）{
get（'data.json'）。然后（res=>{this.setState（{category:res.data.content}）
})
}
render（）{
返回(
)
}
}
导出默认类别；

有多种方法

对我来说，最简单的方法就是添加字体很棒的CDN链接， 在“index.html”中

并像处理普通HTML一样使用字体awesome在index.HTML文件的头部添加以下内容（CDN链接）：

<script src="https://kit.fontawesome.com/f7b906a276.js" crossorigin="anonymous"></script>

并开始使用图标，如普通html标记：

<i className="fas fa-tachometer-alt"></i>

或者您可以从npm安装font awesome软件包，

---

我建议遵循fontawesome网站上的教程：

您可以在HTML页面中添加您的CDN链接，然后在正常HTML中使用它，但请记住此处不允许使用class属性，您应该使用className

---

你应该有jsx代码，比如

你是说字体很棒吗？哦，对了：D你知道如何使用它吗字体很棒有一个可以帮助你实现React。这将允许我在字体网站上使用相同代码的图标？没错。类似这样的情况：但是使用className而不是class来避免警告它显示为一个空矩形，您试图使用哪个图标？