Как можно осуществить скролл блоков после рендера в React?

У меня есть страница с чатом, которая постоянно рендерит новые блоки с сообщениями

<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>

Но как можно после отрисовки новых блоков проскролить блок с сообщениями вниз?
element.scrollTop = element.scrollHeight; ( этим способом думаю ) ну или другой если есть
получается если написать в render то он до отрисовки сделает скролл
componentDidMount вообще один раз сработает после отрисовки страницы.