rnrmf07210431

<pre class="hljs"><code class="language-javascriptreact">import React from "react";
import styled from "styled-components";
import CommentListItem from "./CommentListItem";

const Wrapper = styled.div`
 display: flex;
 flex-direction: column;
 align-item: flex-start;
 justify-content: center;

 & > * {
 :not(:last-child){
 margin-bottom: 16px;
 }
 }
`;


function CommentList(props){
 const { comments } = props;

 return (
 <Wrapper>
 {comments && comments.map((comment, index) => {
 return <CommentListItem key={comment.id} comment= {comment}/>
 })}
 </Wrapper>
 );
}

export default CommentList;</code></pre>위와 같이 수정하여 고쳤습니다.data가 불러들는 것보다 브라우저에서 파일을 읽는 것이 빠라서 발생한 오류라고 해서 위와 같은 해결 방법을 사용했습니다.질문에 답변해주셔서 감사합니다:)

rnrmf07210431

Posts