How to redirect another page in React.js?

1

npm install react-router-dom

1

import { BrowserRouter as Router, Route, Redirect } from 'react-router-dom';

1
2
3
4
5
6
7
8

import { BrowserRouter as Router } from 'react-router-dom';

ReactDOM.render(
  <Router>
    <App />
  </Router>,
  document.getElementById('root')
);

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17

import { Redirect } from 'react-router-dom';

function YourComponent() {
  const shouldRedirect = true; // condition to check if redirect should happen

  if (shouldRedirect) {
    // Redirect to the desired page
    return <Redirect to="/your-target-page" />;
  }

  // Render your component as usual
  return (
    <div>
      // Your component's content
    </div>
  );
}