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

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}
            />
          </div>
        )}
      </React.Fragment>
    ));
 };

인프런 커뮤니티 질문&답변