在ReactJS中添加Font Awesome图标链接。

Question

我使用Typescript + ReactJS，尝试在font awesome图标中添加链接。我的代码如下：

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添加到我的图标中？

感谢任何帮助。

- user3417479

Answer 1

正如其他答案中提到的那样，您根本不需要来自react-router-dom的Link。只需一个简单的HTML <a>就可以工作。

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

- rsn

---

这应该是被接受的答案。 - Cal Corbin

Answer 2

react-router-dom的Link将会正常工作。

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;

- Engineer

---

完全过度设计 - Jorge Guerreiro