我目前正在做一个学校的聊天应用程序,但我想让它像大多数聊天应用程序一样自动滚动到底部。到目前为止,我已经尝试了所有我能找到的解决方案,但我只得到了反应错误。我是新的反应,所以可能会有一些错误,我没有意识到我正在犯。这是我的东西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
谢啦!