In case you are looking to include the font awesome library without having to do module imports and npm installs then put the SDK in public html head section like this :
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="theme-color" content="#000000" /> <meta name="description" content="Web site created using create-react-app" /> <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> <script src="https://kit.fontawesome.com/fc31dedf63.js" crossorigin="anonymous" ></script> And use fontawesome class as you do without react but instead of class = "fa fa-home", write className = "fa fa-home"
Example:
<div className = "sidebar__menus"> <a className = " fa fa-home" href = "#"> {view && view.menuheadings.fields.home}</a> </div> For more clarity watch the video
Stack overflow link: https://stackoverflow.com/questions/23116591/how-to-include-a-font-awesome-icon-in-reacts-render
Top comments (0)