티스토리 뷰
import { category } from '../../utils/code';
...
{Object.entries(category).map((item) => (
<TagButton
className={item[0] === '0' ? 'selected' : ''}
key={item[0]}
>
{item[1]}
category는 이렇게 객체이다.
export const category = {
0: "커리어고민",
1: "취업/이직",
2: "회사생활",
3: "인간관계",
4: "개발",
5: "IT/기술",
6: "UI/UX",
};
객체에는 map을 쓸 수 없으므로 객체를 배열로 바꿔야 한다.
Object.entries(category)
category를 객체로 바꾼다는 의미
map key
props drilling
https://abangpa1ace.tistory.com/255
[JS / Web공통] 링크복사 및 SNS 공유버튼 만들기
이번에 사이드 프로젝트로 간단하게 MBTI를 개발했다. (링크) 여타 MBTI도 그렇고 사용자들의 원활한 공유를 위해 링크복사 버튼과 SNS 공유버튼(카카오, 페이스북, 트위터) 을 추가했다. 크게 어려
abangpa1ace.tistory.com
'Edu_hanghae99 > TIL' 카테고리의 다른 글
[TIL] 221228 (0) | 2022.12.28 |
---|---|
[TIL] 221227 (0) | 2022.12.27 |
[TIL] 221220 (0) | 2022.12.21 |
[TIL] 221219 (0) | 2022.12.19 |
[TIL] 221217 (0) | 2022.12.17 |