/Javascript/React/Scrollbar automatically scroll down as new divs are added reactjs

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

Source: xspdf.com

Similar codes

1 vote199 views1 answer
React native run release
Javascript React
8 votes215 views1 answer
React-fragment
Javascript React
0 vote193 views1 answer
React open a link to an outside siite
Javascript React
0 vote228 views1 answer
How to add icon in react js
Javascript React
1 vote217 views1 answer
React native get numeric random string length of 5 characters
Javascript React
0 vote231 views1 answer
Can i open native video playback for both (Androidt / IOS) With React Native?
Javascript React
0 vote205 views2 answers
'Navbar' is not defined react/jsx-no-undef
Javascript React
1 vote213 views1 answer
React native image disable fade in onload
Javascript React
6 votes191 views1 answer
Remove yellow warning react native emulator
Javascript React
0 vote213 views1 answer
Import typography react
Javascript React