React ページの前の位置に戻ります

Question

ページ A という非常に長いリストがあると想像してください。 500行目まで下にスクロールします。この行はページ B へのリンクでもあり、行の詳細が表示されます。 Bページで内容を確認した後、Aページに戻りたいのですが、Bページに行った時点の500行目に戻りたいのです。 ReactJS アプリケーションでこの動作を実現するにはどうすればよいですか?

Answer 1

これは 2 つの方法で実現できます。

1. 1 つは、単純に html の id 属性を使用する方法です。
2. react-router-dom と props の受け渡しを利用します。

ここでは初心者に適した方法 1 をリストしました。

これは ID を通じて実現できます。 jsx

のようなサンプル HTML コードをリストします。 リーリー

ページの使用法が www.samplepage.com であると仮定します。 リンクを具体的にすると、つまり www.samplepage.com#1 同じページのアンカー タグと同じように、最初の行に移動します。 ラベルをそのまま保管してお使いいただけます。

同様の実装は github でも見ることができます。