React-Router-Dom VS React-Router

플랫폼 A가 React-Router-Dom을 사용하고 있고 import한 프로젝트 B가 React-Router를 사용하고 있는 경우

 

react-router는 native 까지 포함되어있는 full-set 패키지이다.

예를 들어 (a태그로 렌더링되는), 와 같은 컴포넌트들이 있다.

 

웹 기반 프로젝트라면 React-Router-Dom버전만 사용하여 경량화 할 수 있다.

react-router-dom은 그 중에서 DOM이 인식할 수 있는 컴포넌트들만 뺀 라이브러리이다.

 

프로젝트 B에서 특정 모듈을 export하고 플랫폼 A에서 그 모듈을 사용할 때

플랫폼은 React-Router-Dom이고 프로젝트는 React-Router인 경우 아래와 같은 오류가 발생한다.

 

export한 프로젝트 B의 컴포넌트에도 React-Router-Dom을 사용해야한다.