저는 이상하게 'antd', 'ant-design/icons' 뭘로 from을 하던 Icon에서 like 모양을 못가져오더라구요 그래서
조금 더럽긴해도 다른 방법으로 해결하긴 했습니다...
const LikeState = [
LikeAction === 'liked' ? <LikeFilled onClick={onLike}/> : <LikeOutlined onClick={onLike}/>,
DislikeAction === 'disliked' ? <DislikeFilled onClick={onDisLike}/> : <DislikeOutlined onClick={onDisLike}/>
]
return (
<React.Fragment>
<span key="comment-basic-like">
<Tooltip title="Like">
{LikeState[0]}
</Tooltip>
<span style={{ paddingLeft: '8px', cursor: 'auto' }}>{Likes}</span>
</span>
<span key="comment-basic-dislike">
<Tooltip title="Dislike">
{LikeState[1]}
</Tooltip>
<span style={{ paddingLeft: '8px', cursor: 'auto' }}>{Dislikes}</span>
</span>
</React.Fragment>
)
LikeDislike.js에서 아래 부분을 저렇게 바꾸시면 like 모양도 가져오고 filled, outlined 둘다 됩니다
더 예쁘게 해결하신분은 알려주세요