Scroll smooth

scroll.js

class App extends Component {
    constructor(props){
        super(props)

        this.scrollToIdOnClick = this.scrollToIdOnClick.bind()
    }

    scrollToIdOnClick(event){
        event.preventDefault()
        const element = event.target;
        const id = element.getAttribute('href')
        const to = document.querySelector(id).offsetTop;

        window.scroll({
            top: to,
            behavior: "smooth"
        })
    }

    componentDidMount() {
        const menuItem = document.querySelectorAll('.containerNav nav a[href^="#"]');

        menuItem.forEach(item => {
            item.addEventListener('click', this.scrollToIdOnClick)
        })
    }
}