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

by

If you are new to React JS and using create-react-app cli command to create the application, then run the following NPM command to include the latest version of font-awesome.

npm install --save font-awesome

import font-awesome to your index.js file. Just add below line to your index.js file 

import '../node_modules/font-awesome/css/font-awesome.min.css';

or 

import 'font-awesome/css/font-awesome.min.css';

Don’t forget to use className as attribute 

 render: function() {
    return <div><i className="fa fa-spinner fa-spin">no spinner but why</i></div>;
}

More Related Contents:

  1. Error : Cannot read property ‘map’ of undefined
  2. How do I hide API key in create-react-app?
  3. react router difference between component and render
  4. How to resolve “Cannot use import statement outside a module” in jest
  5. Hide keyboard in react-native
  6. Property ‘value’ does not exist on type ‘Readonly’
  7. ReactJS – Add custom event listener to component
  8. React app exiting in docker container with exit code 0
  9. React useReducer async data fetch
  10. Import image dynamically in React component
  11. Testing React components that fetches data using Hooks
  12. Value of “this” is incorrect when debugging Babel transpiled React with Chrome Devtools
  13. Trace why a React component is re-rendering
  14. Using `”homepage”` in package.json, without messing up paths for localhost
  15. Performing Authentication on Routes with react-router-v4
  16. Conditionally set background color in React component with Tailwind CSS
  17. How do react hooks determine the component that they are for?
  18. useReducer Action dispatched twice
  19. SyntaxError: unknown: Namespace tags are not supported by default
  20. Axios: chaining multiple API requests
  21. How can I use Fabric.js with React?
  22. Import SVG as a component in Gatsby
  23. React Hooks – How do I implement shouldComponentUpdate?
  24. Change language to JSX in Visual Studio Code
  25. React 16 warning “warning.js:36 Warning: Did not expect server HTML to contain a in .”
  26. ESLint Must use destructuring state assignment
  27. How do I window removeEventListener using React useEffect
  28. Cannot find module ‘sass’
  29. React Hook useEffect has a missing dependency: ‘list’
  30. Show/Hide components in ReactJS

Leave a Comment