상황
react-icons를 사용하기 위해 설치 후, 아이콘을 불러오자 다음과 같은 에러가 발생했다.
에러 코드
[React] Attempted import error: 'GiHamburgerMenu' is not exported from 'react-icons/io'.
react-icons 사용 방법
$ yarn add react-icons //설치
import { ICON_NAME } from "react-icons/io"; //사용 <ICON_NAME size="24" color="#fff"/>
출처: https://grahams.tistory.com/161 [MakeDesire]
해결 방법
Attempted import error: 'FaPencil' is not exported from 'react-icons/fa'
아이콘 앞엔 아이콘의 종류가 표시된다.
아이콘 | 종류 |
---|---|
FaPencil | fa |
GiHamburgerMenu | gi |
GrSearch | gr |
RiGlobalLine | ri |
종류에 맞게 import 해주면 된다.
import { FaPencil } from "react-icons/fa";
import { GiHamburgerMenu } from "react-icons/gi";
import { GrSearch } from "react-icons/gr";
import { RiGlobalLine } from "react-icons/ri";