irc/client/src/components/Messages.js

12 lines
393 B
JavaScript

import { React } from "react";
import '../index.css';
import ScrollToBottom from 'react-scroll-to-bottom';
import Message from './Message';
const Messages = ({ messages, name }) => (
<ScrollToBottom className = "messages">
{messages.map((message, index) => <div key = {index}><Message message = {message} name = {name} /></div>)}
</ScrollToBottom>
);
export default Messages;