Javascript 在模板中滚动位置

我有一个问题与滚动反应。我如何使用滚动到模板中的元素？我想使用标题导航滚动到this.props.children中的一个元素

class Template extends React.Component {
handleClick = () => {
    const tesNode = ReactDOM.findDOMNode(this.refs.test);
    window.scrollTo(0, tesNode.offsetTop);
};

render() {
    return (
        <div>
            <Header click={this.handleClick} ></Header>
                {this.props.children}
            <Footer></Footer>
        </div>
    )
}

类模板扩展了React.Component{
handleClick=（）=>{
const tesNode=ReactDOM.findDOMNode（this.refs.test）；
scrollTo（0，tesNode.offsetTop）；
};
render（）{
返回(
{this.props.children}
)
}

---

}我在这里举了一些例子，看看这个