&nbsp;&nbsp;&nbsp;=&gt; 하고나면{중괄호 열고 안에서 return (template) 으로 보내면 된다. }&nbsp;&nbsp;<pre style="background-color:#2b2b2b;color:#a9b7c6;font-family:'JetBrains Mono',monospace;font-size:9.8pt;">&lt;Grid item xs={12} sx={{alignItems: 'center', p: 1}}&gt; {qnaMessages.filter(q =&gt; q.type === 'QUESTION').map(qna =&gt; { return ( &lt;Box key={qna.id} sx={{width: '100%', mb: 3}}&gt; &lt;Typography variant="h4" gutterBottom component="div" sx={{mt: 3}}&gt; {qna.message} &lt;Button variant="contained" size={'small'} sx={{m: 1}} onClick={() =&gt; answerQna(qna)}&gt;답변&lt;/Button&gt; &lt;Button variant="contained" size={'small'} sx={{m: 1}} color={'warning'} onClick={() =&gt; questionPublic(qna)}&gt;공개요청&lt;/Button&gt; &lt;Button variant="contained" size={'small'} sx={{m: 1}} color={'error'} onClick={() =&gt; questionNonePublic(qna)}&gt;비공개요청&lt;/Button&gt; &lt;/Typography&gt; &lt;Box sx={{fontSize: '10px'}}&gt;{qna.questionerId} - {moment(qna.createTime).format("YYYY-MM-DD HH:mm:ss")}&lt;/Box&gt; {qnaMessages.filter(sqna =&gt; sqna.type === 'ANSWER' &amp;&amp; sqna.parentId === qna.id).map(sqna =&gt; { return (&lt;Box key={sqna.id} sx={{ml: 3}}&gt; &lt;Typography variant="h6" gutterBottom component="div" sx={{mt: 3}}&gt; {sqna.message} &lt;/Typography&gt; &lt;Box sx={{fontSize: '10px'}}&gt;{sqna.answererId} - {moment(sqna.createTime).format("YYYY-MM-DD HH:mm:ss")}&lt;/Box&gt; &lt;/Box&gt; ) })} &lt;/Box&gt; ) })} &lt;/Grid&gt;</pre>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

react for in for 루프 안에서 루프 template return하기