[TIL] 2022.05.03.

validation 관련 정규표현식:
블로그에 돌아다니는 정규표현식 말고 W3C 표준을 이용하자.
https://www.regextester.com/97767

map 돌릴 때 key값으로 index를 굳이굳이 넣고싶다면?
가공해서 넣자.
예시)

 key={`user-list-${index}`}

유용한 라이브러리:
1) react-use
https://www.npmjs.com/package/react-use
useClickAway 훅을 이용하면 영역 밖 클릭 효과를 쉽게 구현할 수 있다.
2) classnames
https://www.npmjs.com/package/classnames
조건부 스타일을 줄 때 코드를 좀 더 간결하게 짤 수 있다.

svg파일 쓰는 방법:

import {ReactComponent as XXX} from ‘./xxxxxx/xxx.svg’ 

이렇게 임포트해오면 컴포넌트처럼 쓸 수 있다.