我想要从一个视图链接到另一个视图并滚动到特定元素。我不需要任何动画,只希望该元素在视图中可见。从一个视图链接到另一个视图是通过React路由完成的。
我猜我可以在我想要滚动到的元素上创建引用,并将它们传递给其他视图,但不知道这是否是正确的方法?
以下是一个简单的示例。(不能工作,但希望您能理解我想要实现的内容)
我猜我可以在我想要滚动到的元素上创建引用,并将它们传递给其他视图,但不知道这是否是正确的方法?
以下是一个简单的示例。(不能工作,但希望您能理解我想要实现的内容)
const ViewOne = () => {
const navigate = useNavigate(); // From react-router v6
return (
<p onClick={() =>
{
navigate("ViewTwo");
// What more do I have to add?
}}>
Link to section two, in view two
</p>
);
}
export default ViewOne;
const ViewTwo = () => {
return (
<>
<section style={{height: "100vh"}}></section>
<section style={{height: "100vh"}}>
Scroll here?
</section>
<section style={{height: "100vh"}}></section>
</>);
}
export default ViewTwo;
我正在使用 react-router-dom-v6