Как сделать переадресацию?

В React для осуществления переадресации можно использовать маршрутизацию с помощью React Router.

Для начала установите пакет React Router, выполнив команду:
npm install react-router-dom

После установки, в файле с вашим компонентом импортируйте необходимые компоненты React Router:

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

Затем создайте компонент, который будет отвечать за маршрутизацию. Обычно его называют App:

function App() {
  return (
    <Router>
      <Switch>
        <Route exact path="/">
          {/* компонент, который должен быть отображен по умолчанию */}
        </Route>
        <Route exact path="/redirect">
          <Redirect to="/new-page" />
        </Route>
        <Route exact path="/new-page">
          {/* компонент, который будет отображаться после переадресации */}
        </Route>
      </Switch>
    </Router>
  );
}

В этом примере есть три маршрута. Первый маршрут / определяет компонент, который будет отображаться при загрузке страницы по умолчанию. Второй маршрут /redirect используется для переадресации на третий маршрут /new-page с помощью Redirect компонента. При переходе на /redirect пользователь будет автоматически перенаправлен на /new-page.

Вы можете использовать этот подход для создания более сложных переадресаций, добавляя дополнительные маршруты и компоненты.

Кроме маршрутизации с помощью React Router, вы также можете использовать JavaScript для переадресации с помощью window.location.href. Например:

window.location.href = '/new-page';

Однако, если ваше приложение React использует маршрутизацию с помощью React Router, рекомендуется использовать его для обеспечения согласованности и удобства управления маршрутами внутри вашего приложения.