使用查找和映射共同反应

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的查找方法？

Answer 1

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

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

           return ...

      } else {

           return ...

      }
   }
)