//App.tsx
function App() {
return (
<BrowserRouter>
<Router />
</BrowserRouter>
);
}
export default App;
//Router.tsx
const Router = () => {
return (
<BrowserRouter>
<div className="App">
<Switch>
<Route exact path="/login">
<Login />
</Route>
<Route exact path="/signup">
<SignUp />
</Route>
</Switch>
</div>
</BrowserRouter>
);
};
export default Router;
When I clicked the Login Link in App.tsx
,
URL was changed to /login
, but I have to refresh for it to take effect. just see empty page..
I want to show the login page right away when I click the login link.