How to include a Font Awesome icon in React's render()

前端 未结 15 1676
刺人心
刺人心 2020-12-04 06:30

Whenever I try to use a Font Awesome icon in React\'s render(), it isn\'t displayed on the resulting web page although it works in normal HTML.

         


        
15条回答
  •  夕颜
    夕颜 (楼主)
    2020-12-04 06:58

    https://github.com/FortAwesome/react-fontawesome

    install fontawesome & react-fontawesome

    $ npm i --save @fortawesome/fontawesome
    $ npm i --save @fortawesome/react-fontawesome
    $ npm i --save @fortawesome/fontawesome-free-solid
    $ npm i --save @fortawesome/fontawesome-free-regular
    $ npm i --save @fortawesome/fontawesome-svg-core
    

    then in your component

    import React, { Component } from 'react';
    import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
    import { faCheckSquare, faCoffee } from '@fortawesome/fontawesome-free-solid'
    import './App.css';
    
    class App extends Component {
      render() {
        return (
          

    ); } } export default App;

提交回复
热议问题