[React.js] Kossie Coder - 28강. routes 파일 만들기

1. routes.js : routes 컴포넌트 생성

import Users from "./pages/Users";
import Home from "./pages/Home";
import Movies from "./pages/Movies";

export default [
	{
		path: '/',
		component: Home
	},
	{
		path: '/movies',
		component: Movies
	},
	{
		path: '/users',
		component: Users
	}
];

2. App.js : routes 컴포넌트 적용

...
import routes from "./routes";
...
					<Switch>
						{routes.map(route => {
							return (
								<Route
									key={route.path}
									path={route.path}
									exact
								>
									<route.component/>
								</Route>
							);
						})}
					</Switch>
...