链接按钮点击React，css中不起作用将按钮更改为链接

Question

我在React中有一个按钮，点击后会将页面滚动到所需位置，这是有效的。

<div className={styles.classB}>
     <Button onClick={ScreenMover.MoveToElem} > Extras </Button>
</div>

但我想要同样的onClick功能，没有按钮，比如说一个链接，点击时应该做同样的操作。所以我使用了下面的链接按钮，但它并没有使用onClick，而是基于to="quot；属性

<div className={styles.classL}>
<Link className={styles.linkButton} onClick={ScreenMover.MoveToElem} to=""> Extras </Link>
</div>

另一个想法是，如果我们不能实现上面的一个，那么我们可以通过在按钮上应用一些css样式来获得一个看起来像链接的按钮吗？我应该能够覆盖继承的按钮样式，相反，它应该采用链接的外观。这可能吗？我们可以为它提供一个示例css类吗？

提前谢谢。

Answer 1

Link对象对您来说很重要吗？

如果没有，您可以使用一个简单的<p>标记，onClick事件将完美工作。

<p className={styles.linkButton} onClick={ScreenMover.MoveToElem}> Extras </p>