Q21. How to get query parameters in React Router v4?
The ability to parse query strings was taken out of React Router v4 because there have been user requests over the years to support different implementation. So the decis...
Technical Question Bank · Peer-Reviewed
Job Interview Questions and Answers Directory
Search and filter frequently asked interview questions across technical, programming, and behavioral domains. Tailor your interview preparation by difficulty for freshers or experienced developers (87 available).
Active:
Tag: router ×
Q22. Why you get "Router may have only one child element" warning?
You have to wrap your Route's in a `` block because `` is unique in that it renders a route exclusively. At first you need to add `Switch` to your imports: ```javascript ...
Q23. How to pass params to `history.push` method in React Router v4?
While navigating you can pass props to the `history` object: ```javascript this.props.history.push({ pathname: "/template", search: "?name=sudheer", state: { detail: resp...
Q24. How to get history on React Router v4?
Below are the list of steps to get history object on React Router v4, 1. Create a module that exports a `history` object and import this module across the project. For ex...
Q25. How to perform automatic redirect after login?
The `react-router` package provides `` component in React Router. Rendering a `` will navigate to a new location. Like server-side redirects, the new location will overri...
Q26. How do you handle global styles in the App Router?
By creating a `globals.css` file in the `app` directory and importing it in the `_app.js` file. ```css /* app/globals.css */ body { margin: 0; font-family: -apple-system,...
Q27. How do you enable ISR (revalidation) in the App Router?
In the App Router you can control revalidation when fetching data by passing the `next` option to `fetch`. For example, to revalidate every 10 seconds: ```js const res = ...
Q28. What is the Pages Router in Next.js?
The Pages Router is a file-based routing system in Next.js that automatically creates routes based on the file structure inside the `pages` directory.
Q29. How do you create a route in the Pages Router?
In Next.js pages router, you create routes by adding files to the `pages` directory: - `pages/index.js` - the homepage (/) - `pages/about.js` - the about page (/about) - ...
Q30. How do you handle API routes in the Next.js Pages Router?
By creating files in the `pages/api` directory, which will be treated as API endpoints. ```jsx // pages/api/hello.js export default function handler(req, res) { res.statu...