Routes

• Framework
• Data
• Declarative

Summary

Reference Documentation ↗

Renders a branch of Route that best matches the current location. Note that these routes do not participate in data loading, actions, code splitting, or any other route module features.

import { Routes, Route } from "react-router"

<Routes>
 <Route index element={<StepOne />} />
 <Route path="step-2" element={<StepTwo />} />
 <Route path="step-3" element={<StepThree />}>
</Routes>

Props

children

Nested Route elements

location

The location to match against. Defaults to the current location.