Question

因此，单击链接时，我需要将屏幕移动到页面上的其他组件。我知道它涉及使用引用，但我不确定如何实现。

我的页脚组件如下：脚

class Footer extends Component {
constructor(props) {
    super(props);
    this.myRef = React.createRef();
}
scrollToMyRef = () => window.scrollTo(0, this.myRef.current.offsetTop);
render() {
    return (
            ...
            <div className="footer-bottom">
                <div className="container-row">
                    <div className="footer-col footer-logo">
                        <img src={logo} alt="logo" />
                    </div>
                    <div className="footer-col">
                        <h2>INFORMATION</h2>
                        <a href="/blog">Blog</a>
                        <a ref={this.myRef}>Review</a>
                        ....

我是从refs上的react文档中得到的，我不确定应该在哪里指向要引用的组件，或者我是否可以使用window.scroll滚动到屏幕上的某个点（也可以。）

任何帮助将不胜感激！

如何滚动到当前页面上的另一个组件

0 个答案: