create-react-app arrow function component react routing

Roookas answered on September 12, 2022 Popularity 1/10 Helpfulness 1/10

answer create-react-app arrow function component react routing

create-react-app arrow function component react routing

Comment

import "./App.css";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import Home from "./pages/Home";
import Login from "./pages/Login";
import SecretPage from "./pages/SecretPage";

function App() {
    return (
        <div className="App">
            <Router>
                <Routes>
                    <Route element={<Home />} path="/" exact />
                    <Route element={<SecretPage />} path="/secret" />
                    <Route element={<Login />} path="/login" />
                </Routes>
            </Router>
        </div>
    );
}

export default App;

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: thinkpanda.hashnode.dev

Tags: create-react-app function javascript react-routing

Link to this answer
Share Copy Link