Question

我从API调用中获得了一系列聊天消息，并将其映射到组件（如下面的代码所示）。在该组件中，我根据条件集渲染了消息。但是.map方法只是将以前的消息替换为新的消息。我想.concat（）这些消息并像在聊天中一样一一显示。

ChatBox组件：

this.state = {
messages: [] }

getNewMessages() {
//api called & got response
this.setState({
messages: parsedResponse });
}

render() {
  return(<>
{messages.map(messages => (
<NewMessages data={messages} />))}</>)
}

NewMessages组件：-

`this.state = { message: this.props.data.message }`

`return(<p>{message}</p>)`

如何合并该数组，以便我可以获得所有消息，而不仅仅是最后一条消息。

Answer 1

点差运算符可以帮助您。

*.log

然后只渲染消息本身。

Select-String -Pattern alan.jones -SimpleMatch -Path *.log

Answer 2

render() {
    return messages.forEach(m => `<div>${m}</div>`);
}

如何以类似聊天的方式显示消息

2 个答案: