적용 코드
<FollowCount count={2950} kind='followers'></FollowCount>
JavaScript
복사
속성 | 설명 |
count | 숫자를 입력
- 숫자가 단위를 넘어가면 K/ M으로 변환하여 출력 |
kind | followers / followings |
컴포넌트 구현 코드
export default function FollowCount({ count, kind }) {
let cnt = '';
if (count >= 1000000) cnt = Math.floor(count / 1000000) + 'M';
else if (count >= 1000) cnt = Math.floor(count / 1000) + 'K';
else cnt = `${count}`;
return (
<FollowDiv>
<CountNum>{cnt}</CountNum>
<FollowKind>{kind}</FollowKind>
</FollowDiv>
);
}
JavaScript
복사