在ReactJS中将链接添加到Font Awesome图标 [英] Add link to Font Awesome icon in ReactJS

问题描述

我使用Typescript + ReactJS，并尝试在真棒字体图标中添加链接.我的代码是这样的:

I use Typescript + ReactJS and I try to add a link in font awesome icons. My code is like this:

import React from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faRandom } from '@fortawesome/free-solid-svg-icons'


const MiddleHeading = () => {
     return (
         <div id="middle_heading">  

              <FontAwesomeIcon icon={faRandom} size="2x"/>          

         </div>
     );
 };

 export default MiddleHeading;

关于如何向我的图标添加URL的任何想法?

Any idea on how to add a URL to my icon?

感谢您的帮助

推荐答案

react-router-dom 的链接将起作用，

Link of react-router-dom will work,

import React from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faRandom } from '@fortawesome/free-solid-svg-icons'
import { Link } from 'react-router-dom';

const MiddleHeading = () => {
     return (
         <div id="middle_heading">  
            <Link to="/any-url">
              <FontAwesomeIcon icon={faRandom} size="2x"/>          
            </Link> 
         </div>
     );
 };

 export default MiddleHeading;

这篇关于在ReactJS中将链接添加到Font Awesome图标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！