Larbi Gharib | e9af973 | 2021-03-31 15:08:01 +0100 | [diff] [blame] | 1 | import React from 'react' |
2 | import Message from './Message' | ||||
3 | |||||
4 | |||||
5 | class MessageList extends React.Component { | ||||
6 | render() { | ||||
7 | return ( | ||||
8 | <div className="message-list"> | ||||
9 | |||||
10 | { | ||||
11 | this.props.messages.map((message, index) => { | ||||
12 | /*DUMMY_DATA.map((message, index) => {*/ | ||||
13 | return ( | ||||
14 | <Message key={index} username={message.senderId} text={message.text} /> | ||||
15 | ) | ||||
16 | })} | ||||
17 | </div> | ||||
18 | ) | ||||
19 | } | ||||
20 | } | ||||
21 | |||||
22 | export default MessageList |