How can I scroll blocks after rendering in React?

Question

React

I have a chat page that constantly renders new message blocks.

<div className="user-list">
            <ul className="users">
              { this.props.users.map(function(elem,i){
                return <li key={i} className="user-item">{elem}</li>
              })
            }
            </ul>
          </div>

But how can you scroll down the block with messages after drawing new blocks?
element.scrollTop = element.scrollHeight; (I think in this way) well, or another, if there is,
it turns out if you write it in render, then it will scroll before rendering
componentDidMount in general, it will work once after rendering the page.

Answer 1

if you write in render, then it will scroll before rendering
componentDidMount in general, it will work once after rendering the page

I heard that there is also some kind of componentDidUpdate - make your scroll in it.