Breaking News: Grepper is joining You.com. Read the official announcement!

i want the sidebar layout to all the nested routes of /manage. using react router v6 . for example /manage/dashboard and /manage/masterlist should have the same sidebar layout

Ritesh KC answered on June 22, 2023 Popularity 1/10 Helpfulness 1/10

answer i want the sidebar layout to all the nested routes of /manage. using react router v6 . for example /manage/dashboard and /manage/masterlist should have the same sidebar layout

i want the sidebar layout to all the nested routes of /manage. using react router v6 . for example /manage/dashboard and /manage/masterlist should have the same sidebar layout

Comment

// App.js
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
import SidebarLayout from './SidebarLayout';
import Dashboard from './Dashboard';
import MasterList from './MasterList';

const App = () => {
  return (
    <Router>
      <Routes>
        <Route path="/manage/*" element={<SidebarLayout />}>
          <Route index element={<Dashboard />} />
          <Route path="dashboard" element={<Dashboard />} />
          <Route path="masterlist" element={<MasterList />} />
          {/* Add more nested routes under /manage */}
        </Route>
      </Routes>
    </Router>
  );
};

export default App;

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: chat.openai.com

Tags: javascript layout nested-routes react-router sidebar using

Link to this answer
Share Copy Link

Contributed on Jun 22 2023

Ritesh KC

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

i want the sidebar layout to all the nested routes of /manage. using react router v6 . for example /manage/dashboard and /manage/masterlist should have the same sidebar layout

Contents

More Related Answers

i want the sidebar layout to all the nested routes of /manage. using react router v6 . for example /manage/dashboard and /manage/masterlist should have the same sidebar layout

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.