&& 연산자를 두번 사용하려면 어떻게 해야하나요?

Question

VideoDetailPage / Sections / ReplyComment.js에서 props.commentLists를 console.log해보니 responseTo가 있는 것이 있고 없는 것이 있는데요, 그래서 responseTo가 있는 것들만 출력하고 싶은데, 이미 &&연산자가 comment.responseTo === parentCommentId && 여기서 쓰여서, 그 안에 또 중첩해서 &&연산자를 쓸 수 있는지 시도해봤는데 안되네요. ㅠㅠ 혹시 &&연산자를 두번 사용하려면 어떻게 해야하나요? console . log ( props .commentLists); let renderReplyComment = ( parentCommentId ) => { return props .commentLists. map (( comment , index ) => ( < React.Fragment key ={ index } > { comment .responseTo === parentCommentId && ( < div style ={ { width : " 80% " , marginLeft : " 40px " } } > < SingleComment refreshFunction ={ props .refreshFunction } comment ={ comment } postId ={ props .postId } /> < ReplyComment commentLists ={ props .commentLists } refreshFunction ={ props .refreshFunction } postId ={ props .postId } parentCommentId ={ comment ._id } /> ) } )); };

John Ahn · Answer

혹시 < React.Fragment key = { index } > { comment . responseTo && comment . responseTo === parentCommentId && ( < div style = {{ width : " 80% " , marginLeft : " 40px " }} > < SingleComment refreshFunction = { props . refreshFunction } comment = { comment } postId = { props . postId } /> 이런식으로 하면 되지 않나요 ?