리액트 라우터 돔 페이지 안 바뀔 때

 

function App() {
	return (
		<Router>
			<div>
				{/* A <Switch> looks through its children <Route>s and
			  renders the first one that matches the current URL. */}
				<Switch>
					<Route exact path="/">
						<LandingPage />
					</Route>
					<Route path="/login">
						<LoginPage />
					</Route>
					<Route path="/register">
						<RegisterPage />
					</Route>
				</Switch>
			</div>
		</Router>
	);

심한 들여쓰기 무엇...에디터 설정은 다음에 변경하는 걸루...

 

라우터 돔을 설정할 때,

정말 짜증나는 일이 많은 거 같다.

error 174번은 너무나도 익숙해서 한 가지 해결방법만 있는게 아니란 걸 알았고 (리액트 측은 뭐만하면 174번입니꽈?)

 

라우팅을 할때도 페이지가 바뀌지 않는 현상도 빈번했다.

그간 다른 서버쪽 공부를 하느라 리액트를 소홀히 했는데...

오늘부터 제대로 시간을 내서 공부를 하고 있다

연습삼아 라우터를 설정하고 있는데

 

분명 

LandingPage는 보이는데

Login, Register는 보이지 않는다...왜?

 

 

간단히 해결할 수 있는데,

메인 화면이 되는 라우트에 위 코드에서처럼 

exact를 꼭 붙여줘야 한다

이러니까 해결이 됐다..

 

리액트...왜 그러시나요..제게 대체...

 

 

https://stackoverflow.com/questions/49162311/react-difference-between-route-exact-path-and-route-path

React : difference between and