[React] 컴포넌트 라우팅에 추가

라우팅 경로에 컴포넌트를 추가하기 위해 dotnet환경에서 프로젝트를 진행한다. ClientApp내의 Component폴더에 새 컴포넌트를 생성한다. 다음으로 App.js 파일로 이동해서 Route경로를 하나 새로 생성해준다. path의 경로로 라우트 될때 해당 컴포넌트를 호출하는 것이다. Contact를 엔터치면 import가 자동으로 된다. 아마 VSC에서 제공하는 기능인듯 하다. 라우팅을 추가했다면 이번엔 메뉴바를 하나 추가해준다. Component폴더의 NavMenu.js파일로 가서 NavItem을 하나 더 추가해준다. 메뉴를 하나 추가했다면 페이지에서 확인해본다. 마지막 메뉴로 하나가 추가된 것을 볼 수 있다. 해당 메뉴를 클릭하자 /contact경로로 라우팅 되고 아까 생성한 컴포넌트가 호출되..

원문링크 : [React] 컴포넌트 라우팅에 추가