模板中的滚动位置React

Question

我在React中滚动有问题。如何在模板中使用滚动到元素？我想通过使用Header的导航滚动到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>
    )
}

}

Answer 1

我在这里做了一些例子https://codesandbox.io/s/48k35w1107，看看这个。