scrollbar automatically scroll down as new divs are added reactjs
import React, { useEffect, useRef } from 'react'
const Messages = ({ messages }) => {
const messagesEndRef = useRef(null)
const scrollToBottom = () => {
messagesEndRef.current.scrollIntoView({ behavior: "smooth" })
}
useEffect(scrollToBottom, [messages]);
return (
<div>
{messages.map(message => <Message key={message.id} {...message} />)}
<div ref={messagesEndRef} />
</div>
)
}
Also in JavaScript:
- javascript object get property or default
- javascript conver time into 24 hour format
- .filter js
- chat application in react js
- cut string from string javascript
- js getattribute
- how to parse json in java
- how to connect next js with postgresql localhost
- filereader javascript example
- props in react app
- data for bar plot json
- how to deap clone an object in javascript
- promise javascript
- javascript random()
- javascript get width of a div
- nodejs include json file
- javascript convert to boolean
- javascript decimal to string
- ignore node_modules
- array con javascript
- discord.js bad word filter
- file input disable open file picker javascript
- angular serve
- express js redirect to url