티스토리 뷰

Edu_hanghae99/TIL

[TIL] 221226

soobin Choi 2022. 12. 26. 21:36
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