How to add Scroll to top in react

Question

I am adding the Scroll to top div in Footer section. After clicking on the scroll top icon it will go the top of page

After Clicking on the Scroll to top it will go the top of page

Here is my code

import React from 'react';

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

export default ScrollTop;

Answer 1

Just use vanilla 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;