如何在没有关联样式的情况下使用链接属性

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部分上方的任何位置单击，这就是我使用Link的原因。但是，当我使用一个时，会有一些样式效果：

我只想拥有与以前相同的组件，而无需通过Link样式导入新样式。关于我的代码，我有这个：

 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 >

非常感谢您的帮助，我只是一个初学者：）