请问一下，className="fas fa-folder-plus fa-9x"对应的react-fontawesome写法是怎么样的呢？

来源：5-4 为项目选择图标库

慕慕0439991

2021-03-24

尊敬的张老师，您好，
我在学习网上的开源代码，这里他们使用了fontawesome图标库，他们的代码是这样的

<a href="#" className="p-5 file-upload"
    onClick={() => this.filePicker.current.upload()} >
    <i className="fas fa-folder-open fa-9x"></i>
    <h6>{strings.homePage.openLocalProject.title}</h6>
</a>

请问一下，这里如果使用react-fontawesome来写作设置图标的话，等价的代码应该怎么写呢？

期待您的回复！

写回答

2回答

慕慕0439991

提问者

2021-03-26

老师，您好，我想请问一下，为什么这份开源代码里面使用`<i>`标签来插入图标呢，`<i>`不是表示一般用来表示“斜体文本”吗？

张轩

2021-03-25

同学你好可以看下对应的文档：https://fontawesome.com/how-to-use/on-the-web/using-with/react

先安装这里我就不多说了，文档中有～

// 代码例子
import ReactDOM from 'react-dom'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faCoffee } from '@fortawesome/free-solid-svg-icons'
const element = <FontAwesomeIcon icon={faCoffee} />
ReactDOM.render(element, document.body)

慕慕0439991

老师，我在上面的条目进行了回复，

2021-03-26

共1条回复

2024更新 Electron+React+七牛云实战跨平台桌面应用

开发一款自动云同步的 Markdown 文件管理软件

1252 学习 · 463 问题

查看课程

相似问题

请问一下，为什么我这里使用了bootsrap的样式，但是没有效果呢？

回答 2

请问一下，“this.props.history.push("/projects/create");”用的是什么技术呢？