33-引入icon

Huxzhi小于 1 分钟react18

33-引入 icon

引入 FontAwesome

  • 安装依赖 npm i --save @fortawesome/fontawesome-svg-corenpm i --save @fortawesome/free-solid-svg-iconsnpm i --save @fortawesome/free-regular-svg-iconsnpm i --save @fortawesome/react-fontawesome@latest 或者 yarn add @fortawesome/react-fontawesome@latest @fortawesome/free-regular-svg-icons @fortawesome/fontawesome-svg
  • 引入组件 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
  • 引入图标 import {faPlus} from "@fortawesome/free-solid-svg-icons";
  • 使用组件 <FontAwesomeIcon icon={faPlus}/>

使用icon

<button className={classes.Add}>
    <FontAwesomeIcon icon={faPlus}/>
</button>