#reactjs
Вопрос:
я запускаю функцию карты в функции карты, но JSX, возвращенный из моего вложенного map , ничего не возвращает в DOM. Я подтвердил, что там есть правильные данные. Есть ли какой-то нюанс в возврате JSX из вложенного цикла?
{ chatList !== undefined amp;amp; chatList.data[0][0].map((message, messageIndex) =gt; { // last message stuff chatList.data[0][1].map((participant, participantIndex) =gt; { return lt;IonItem key={participantIndex}gt; lt;IonAvatar slot="start"gt; {/*lt;img src={}/gt;*/} lt;/IonAvatargt; lt;IonLabelgt; lt;h2gt;{participant.identity}lt;/h2gt; lt;pgt;{message.body}lt;/pgt; lt;pgt;{moment(message.dateCreated).format('MM/DD/YY HH:mm')}lt;/pgt; lt;/IonLabelgt; lt;/IonItemgt; })})} Комментарии:
1. Вы не возвращаете вызов внутренней карты.
return chatList.data[0][1].map…
Ответ №1:
Да, вы пропускаете оператор return в функции first map:
{ chatList !== undefined amp;amp; chatList.data[0][0].map((message, messageIndex) =gt; { // added a return to the following line. Should work now return chatList.data[0][1].map((participant, participantIndex) =gt; { return lt;IonItem key={participantIndex}gt; lt;IonAvatar slot="start"gt; {/*lt;img src={}/gt;*/} lt;/IonAvatargt; lt;IonLabelgt; lt;h2gt;{participant.identity}lt;/h2gt; lt;pgt;{message.body}lt;/pgt; lt;pgt;{moment(message.dateCreated).format('MM/DD/YY HH:mm')}lt;/pgt; lt;/IonLabelgt; lt;/IonItemgt; })})}