Как правильно настроить редирект в react.js?

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

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

const MyComponent = () => {
  const shouldRedirect = true; // условие, при котором нужно перенаправить пользователя

  return (
    <>
      {shouldRedirect && }
      {/* Здесь может быть код компонента */}
    
  );
};

export default MyComponent;

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

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

import MyComponent from './MyComponent';
import NewRouteComponent from './NewRouteComponent';

const App = () => {
  return (
    
      
        
        
      
    
  );
};

export default App;