적용 코드
<Comment name="서귀포시 무슨 농장" time="5" src="./assets/post-img-example.png">게시글 답글 ~~ !! 최고최고</Comment>
JavaScript
복사
속성 | 설명 |
name | 사용자 계정 이름 |
src | 프로필 이미지 경로 |
time | 작성 시간(time분전) |
children | 댓글 내용 |
컴포넌트 구현 코드
export default function Comment({ name, src, time, children }) {
return (
<CommentContainer>
<ProfileLink to="/yourprofile">
<InlineProfileInfo name={name} img={src} desc={`${time}분전`} state="comment" />
</ProfileLink>
<CommentContent>{children}</CommentContent>
<MoreBtn type="button">
<span className="sr-only">더보기</span>
</MoreBtn>
</CommentContainer>
);
}
Comment.defaultProps = {
src: './assets/basic-profile-img.png',
};
JavaScript
복사
