Div Anker Tag in einer Reaktionskomponente

Question

Entschuldigung, wenn diese Frage im Internet überschwemmt wird, aber nichts zu meinen Gunsten funktioniert.

Ich dachte, alles, was Sie tun müssen, ist die # + div id am Ende einer URL, die die Div, die Sie gehen, zu tun.

Ich will, wenn ich zu einer bestimmten URL, der View-Port geht zu diesem div. Zum Beispiel:

www.foo.com/bar#5 

nimmt mich an:

<div id="1"></div> 
<div id="2"></div> 
<div id="3"></div> 
<div id="4"></div> 
<div id="5"> 
<!-- You have found me! --> 
</div> 

Ich habe nicht viel Erfahrung mit diesem Teil von HTML und frage mich, ob JavaScript is involved?

Zurück in den Tagen habe ich Dreamweaver zu verwenden und hinzugefügt ein Anker-Tag mit nur einem Klick auf eine Schaltfläche war so nie dahinter die eigentliche Arbeit kannte.

Mein Frontend ist React; mit Rails 5.

Mein reagieren Layout:

Answer 1

Normalerweise sind Sie richtig, aber haben Sie daran, dass, wenn Ihre Anwendung reagiert nicht serverseitige Rendering verwenden, alles, was Sie für Ihre Benutzer liefern a leere Seite, in der später reagieren dm. Das Problem dabei ist, dass wenn der Browser die Seite anfänglich lädt und nach einem Element mit der ID sucht, das Dokument möglicherweise leer ist.