How to scroll to bottom in react?

Question

I want to build a chat system and automatically scroll to the bottom when entering the window and when new messages come in. How do you automatically scroll to the bottom of

Answer 1

Full version (Typescript):

import * as React from 'react'

export class DivWithScrollHere extends React.Component {

  loading:any = React.createRef();

  componentDidMount() {
    this.loading.scrollIntoView(false);
  }

  render() {

    return (
      
 { this.loading = e; }}>  
    )
  }
}