이는 antd버전와 react버전이 맞지 않기 때문에 발생했던 문제이다.
< 나의 상황 >
이런 서브 메뉴바를 만들고 싶었는데 자꾸 오류가 나서 한동한 포기하다가 다른 글에서 'not exported from '@ant-design/icons'. 이라는 현상이 버전때문이라는 글을 보았다.
왼쪽을 쓸려면 antd가 4.x이상이어야한다.
하지만 나는 "antd": "^3.24.1", 이러하였다.
1. antd를 업데이트 : 나는 다른 디자인들을 3.x버전으로 했기에 업데이트하면 다른 곳에서 오류가 날것같았다.
그래서 2번째 방법으로 해결했다.
2. 웹사이트에서 3.x버전용의 코드 사용하기
antd사이트에서 상단에 보면 버전을 변경할 수 있다.
버전 번경 후 내가 원하는 디자인의 코드를 복사한다.
버전을 변경하면 내가 원하지 하는 디자인이 없을 수도 있다.
하지만 다른 구역에서 찾으면 비슷한것이 있다.
4.x 버전에서는 Menu에 있었지만 3.x에는 Dropdown에서 내가 원하는 디자인이 있었다.
--
https://anerim.tistory.com/221
[리액트 React] 리액트 로딩화면(스피너) 추가하기 / api 호출 시 로딩화면(스피너) 넣기
안녕하세요. 디자인도 하고, 개발도 하는 '디발자 뚝딱'입니다. 이번 포스팅에서는 리액트에서 api 호출했을 때 로딩화면/스피너 넣는 방법에 대해 공유하겠습니다. 어렵지 않으니 차례대로 따라
anerim.tistory.com