javascript - 在 ReactJS 中添加指向 Font Awesome 图标的链接

Question

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

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 的任何想法？

谢谢你的帮助

Answer 1

你不需要 Link来自 react-router-dom完全如另一个答案中所述。只是一个简单的 HTML <a>会工作

<div id="middle_heading">  
  <a href="example.com">
    <FontAwesomeIcon icon={faRandom} size="2x"/>      
  </a>    
</div>