如何滚动到 React 中的组件？

Question

我想知道如何滚动到组件而不是即时查看组件

所以我的概述组件中有以下内容

<a className="more-text group" href="#about">
     <h3 className="title">+ </h3>
     <h3 className="title">learn more</h3>
</a>

并且组件保留在我的 Home 组件中

class Home extends React.Component {
    render() {
        return (
            <div>
                {/* Header */}
                <Header />

                {/*Overview Component*/}
                <Overview />

                {/* About Component*/}
                <About />

                {/*Footer Component*/}
                <Footer />
            </div>
        );
    }
}

Answer 1

I see you want to achieve this with url hash parameters, So go ahead and simply assign ids to your components, and change the url when you want to scroll.

<Header />

{/*Overview Component*/}
<Overview id="overview" />

{/* About Component*/}
<About id="about" />

{/*Footer Component*/}
<Footer id="footer" />