一起使用find和map React

Question

我们在React 上构建了聊天应用程序

const Chat = ({ thread }) => {
return (
<div className='thread'>
{thread.map((message, index) =>
<Message message={message} key={index} repliedMessage={message}/>
)}
</div>
);
};
export default class App extends React.Component {
state = {
thread: [
{
id: 1,
user: 'John',
text: 'Hellow'
},
{
id: 2,
user: 'Jim',
replyTo: 1,
text: 'Hi'
},
{
id: 3,
user: 'Jack',
replyTo: 2,
text: 'Cheers :)'
}
]
};

应用程序必须显示已回复的消息。问题是-我如何在聊天组件中使用带有MAP的FIND方法？

Answer 1

我认为您不需要在这里使用find方法：

thread.map((message, index) => {
if(message.replyTo) {
return ...
} else {
return ...
}
}
)