Кнопка ссылки onClick не работает в React, css, чтобы изменить кнопку на ссылку?

Question

У меня есть кнопка в React, которая при нажатии прокручивает страницу в нужное место, которое работает.

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

Но мне нужна такая же функция onClick без кнопки, скажите ссылку и при нажатии он должен выполнить ту же операцию. Итак, я использовал кнопку «Ссылка» ниже, но она не использует onClick, а переходит к началу страницы на основе атрибута to = "".

<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>