ссылка на реагирование не перенаправляет

#reactjs #redirect #hyperlink

Вопрос:

Я использую ссылку на react-router-dom, и всякий раз, когда я вижу свой терминал, он всегда говорит: «Ссылка определена, но не используется», но я уже объявил в своем коде, и мой тег ссылки не перенаправляет на компонент, он остается на странице и никогда не обновляет его, но 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: «Ссылка» определена, но никогда не используется

Комментарии:

1. Ваш код в порядке. Пожалуйста, проверьте еще раз, чтобы убедиться, что у вас есть

2. у меня есть метка маршрута на моем app.js <Путь маршрута=»/контакт/ :идентификатор» компонент={ContactDetail} />