Reactでボタンを押すと上に戻る機能の実装方法

Question

Reactで実装するにはどんなコードを使えばいいでしょうか？
また、基本的にはどこの部分に書き込むものなのでしょうか？

よろしくお願いいたします。

Comments

[m.ts10806]

React.jsタグをつけてください。
またこのままでは丸投げの作業依頼なので自身が調べたこと試したことを具体的に記載してください

Answer 1

あと付けの要件追加が怖いですが…
トップの要素にid付けて、aタグでフラグメントリンク貼ればいいんではないでしょうか？
サンプル

Comments

[Taka_Yamag]

回答ありがとうございます。
スクローるしながら動かすようなものをはどうやって実装するかご存知でしょうか・・・・？

[shinji709]

aタグを以下に差し替え
<button onClick={e => {document.querySelector('#top').scrollIntoView({behavior: 'smooth'});};}>
トップへ
</button>