Javascript 如何在react中将滚动添加到顶部

我正在将滚动条添加到页脚部分的顶部div。 单击滚动顶部图标后，它将进入页面顶部

单击滚动至顶部后，它将进入页面顶部

这是我的密码

import React from 'react';

class ScrollTop extends React.Component {
    render() {
        return (
            <div className="scrolltop">
                <i className="fa fa-angle-up" />
            </div>
        );
    }
}

export default ScrollTop;

从“React”导入React；
类ScrollTop扩展了React.Component{
render（）{
返回(
);
}
}
导出默认滚动条；

只需使用普通javascript即可

import React from 'react';

class ScrollTop extends React.Component {
    render() {
        return (
            <div className="scrolltop" onClick={() => window.scrollTo({top: 0, behavior: 'smooth'})}>
                <i className="fa fa-angle-up" />
            </div>
        );
    }
}

export default ScrollTop;

从“React”导入React；
类ScrollTop扩展了React.Component{
render（）{
返回(
scrollTo（{top:0，行为：'smooth'}）}>
);
}
}
导出默认滚动条；

可以使用此功能

handleScroll=()=>{
    window.scrollX(0);
    // or 
    window.scroll({top:0,behavior:'smooth'})

}

---

React只是JavaScript。并非所有操作都必须以“反应方式”完成。组件是无状态的，因此函数组件将执行以下操作：

function ScrollTop（）{return（）}