Questions
6 of 14
1Discuss react router?
2Implement declarative mode to implement router?
3Implement nested routes in declarative mode?
4What are layout routes and index routes?
5What are route prefixes?
6How can we handle dynamic segments of a route in declarative routing ?
7How to link to routes from components?
8Implement Data mode of routing?
9Implement nested routes in Data mode of routing?
10Implement Layout and Index routes in Data mode of routing?
11How to set a route prefix in data mode?
12Discuss route object?
13List important routing related hooks?
14What are different ways to redirect in react?
reactreact
Basics
JSX
Virtual DOM
Reconciliation
State and Props
Components
Class Components
Function Components
Lifecycle functions
Code Sharing
Hooks
useState
useReducer
useMemo
useContext
useCallback
useEffect
Custom Hooks
New Hooks
HOC
Refs
Data Sharing
Events
Context API
Redux
Router
CSR-SSR
React APIs
Performance Optimisation
ReactDOM
Strict Mode
Security
06 / 14

How can we handle dynamic segments of a route in declarative routing ?

If a path segment starts with : then it becomes a 'dynamic segment'. When the route matches the URL, the dynamic segment will be parsed from the URL and provided as params to other router APIs like useParams.

javascript
javascript
  1. 1

    You can have multiple dynamic segments in one route path.

  2. 2

    You can make a route segment optional by adding a ? to the end of the segment.