reactjs - 反应链接不重定向

Question

我在 react-router-dom 上使用 Link，每当我看到我的终端时，它总是说“'Link'已定义但未使用”但我已经在我的代码中声明并且我的 Link 标签不会重定向到它的组件上停留在页面上，从不刷新，但 url 改变

这是我的 div 上的块代码链接：

import React from 'react';
import { Link } from 'react-router-dom';
import user from '../images/user.png';


const ContactCard = (props) =>{
const {id, name, email} = props.contact;
return(

    <div className="item">
    
        <img className="ui avatar image" src={user} alt="user"/>
    <div className="content">
        <Link to={`/contact/${id}`}>
        <div className="header"> {name}</div>
        <div>{email} </div>
        </Link>
        </div>

        

        <i className="trash alternate outline icon right floated"  
        style={{color:"red"}}
        onClick={()=> props.clickHandler(id)}>
    
        </i>
        
        
    </div>
  
 );

};


export default ContactCard;

我得到的错误：

第 2:10 行：“链接”已定义但从未使用过

标签： reactjsredirecthyperlink