как использовать свойства ссылки без связанного стиля

Question

Я пытаюсь использовать ссылку на компонент React, которая выглядит следующим образом:

Чтобы получить этот результат, у меня есть этот код:

return (

        <>




            <div style={{padding: '1em' }}>

                <span style={{ color: 'grey' }}>#{Command_ID} - </span>
                <span style={{ color: 'purple'}}>{Delivery_Slot}</span><br/>

                <strong>{firstname} {lastName}</strong>
                <p></p>

                {adressPerso},{PostalCode},{city}
            </div>


            <div>

                <IonFooter >

В конце кода у вас есть IonFooter. Эта часть кода не отображается, а внутри, у вас будет только часть о трех компонентах Phone, Map и "Terminé".".

В моем случае я просто хочу разрешить персоналу нажимать везде над частью IonFooter, и именно поэтому я использую ссылку.Тем не менее, когда я использую один из них, появляются некоторые эффекты стилей:Стиль ссылки.Что касается моего кода, у меня есть это:

 return (

        <>

        <Link to={`/`} className="item">


            <div style={{padding: '1em' }}>

                <span style={{ color: 'grey' }}>#{Command_ID} - </span>
                <span style={{ color: 'purple'}}>{Delivery_Slot}</span><br/>

                <strong>{firstname} {lastName}</strong>
                <p></p>

                {adressPerso},{PostalCode},{city}
            </div>
            </Link>

            <div>

                <IonFooter >

Большое спасибо за вашу помощь, я просто новичок:)