html 自动滚动到底部,使div自动滚动到底部（反应）

我目前正在做一个学校的聊天应用程序，但我想让它像大多数聊天应用程序一样自动滚动到底部。到目前为止，我已经尝试了所有我能找到的解决方案，但我只得到了反应错误。我是新的反应，所以可能会有一些错误，我没有意识到我正在犯。这是我的东西class Messages extends React.Component {

updateScroll() {

let element = document.querySelector(".messages");

element.scrollTop = element.scrollHeight;

}

render() {

const messages = store.getState().messages.map((msg) => {

this.updateScroll();

return (

name={msg.displayName}

message={msg.text}

time={msg.timestamp}

pic={msg.pic}

key={msg.timestamp}

clas={msg.who}

/>

);

});

return (

type="text"

placeholder="Message epic channel"

className="pendingMessage"

onKeyPress={this.handleKeyDown}

/>

Send

);

}

}

export default Messages;

如果您还想要完整的代码，下面是我的GitHub链接。https://github.com/dougalcaleb/react-chat-app

谢啦！