Как в React создать навигацию внутри приложения без перезагрузки страницы?

Как лучше настроить локальную навигацию на странице с компонентом Index в документе App.tsx?
  • 20 августа 2024 г. 20:13
Ответы на вопрос 1
Для создания навигации без перезагрузки страницы в React обычно используется библиотека React Router. 

Чтобы настроить локальную навигацию на странице с компонентом Index в документе App.tsx, вы можете добавить компонент BrowserRouter из React Router и определить маршруты внутри него. Например:

```javascript
import { BrowserRouter, Route, Switch } from 'react-router-dom';

function App() {
  return (
    <BrowserRouter>
      <Switch>
        <Route path="/" exact component={Index} />
        <Route path="/about" component={About} />
        <Route path="/contact" component={Contact} />
      </Switch>
    </BrowserRouter>
  );
}
```

В этом примере, при переходе на `/about` будет отображен компонент About, при переходе на `/contact` - компонент Contact, и т.д. Навигация будет осуществляться без перезагрузки страницы благодаря использованию React Router.
Похожие вопросы