Link 按钮 onClick 在 React 中不起作用，css 将按钮更改为 link？

Question

我在 React 中有一个按钮，单击该按钮可将页面滚动到所需位置，该按钮正在运行。

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

但我想要没有按钮的相同 onClick 功能，比如说 link，当单击它时应该执行相同的操作。所以我使用了下面的 Link 按钮，但它没有使用 onClick，而是根据 to="" 属性转到页面顶部。

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

另一个想法，如果我们不能实现上面的那个，那么我们可以通过给按钮应用一些css样式来让按钮看起来像link吗？我应该能够覆盖继承的按钮样式，而应该采用 link 外观。有可能吗？我们可以为它准备一个样本 css class 吗？

提前致谢。

Answer 1

Link对象对你很重要？

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

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

Link button onClick not working in React, css to change button to a link?