url中的#在react中顯示的效果，有效？無效？

问题描述

一般 html 在 component 中加入id 。ex: id = test1
接著在網址列中 最後輸入 #test1
載入網址後畫面便會移動至 id=test1這個物件處

但我這次使用的是react寫component
在最外層有個Page
在往內有數個component名為QAComponent
我分別為他們添上了id:q1,q2,q3......q10

理論上 應該要移動至指定id的物件處
但有時候會成功，有時候卻會失效
請問這是因為component render的速度問題嗎？
亦或者根本不是這樣使用的

想問問有沒有哪位大大寫過這樣的功能

預計期望是 url#id
載入時會滑動至指定id物件的位置
然後使用history.push('url/#id')
也能滑動至指定id物件的位置
但目前兩種都沒效果