components clase

Messages.jsx

import Message from "./Message/Message"


export default ({
    messages
}) => {


    const renderMessages = messages.map( message => (
        <Message {...message} key={ message.id }/>
    ))


    return (
        <div>
            { renderMessages }
        </div>
    )


}

Users.jsx

import User from "./User/User"


export default ({
    users
}) => {


    const renderUsers = users.map( user => (
        <User {...user} key={ user.id }/>
    ))


    return (
        <div>
            { renderUsers }
        </div>
    )


}