gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added correct translations to Russian in article (#21947)

Browse Source 
* Added correct translations to Russian in article

* improved translation

* fix: removed extra line at start of article
This commit is contained in:
Roman
2018-11-20 10:36:41 +02:00
committed by Gregory Gubarev
parent 41c35019cb
commit 741ec75872
1 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
guide/russian/react/react-router/index.md
View File

@ -2,13 +2,14 @@
title: React Router title: React Router
localeTitle: React Router localeTitle: React Router
--- ---
# React Router для начинающих # React Router для начинающих
# Монтаж # Установка
React Router был разбит на три пакета: `react-router` , `react-router-dom` и `react-router-native` . React Router был разбит на три пакета: `react-router` , `react-router-dom` и `react-router-native` .
Вам почти никогда не придется устанавливать реактивный маршрутизатор напрямую. Этот пакет предоставляет основные компоненты и функции маршрутизации для приложений React Router. Другие два предоставляют специфические для среды (браузеры и реагирующие на) компоненты, но оба они также реэкспортируют все экспортные реакции-маршрутизатора. Вам почти никогда не придется устанавливать react-router напрямую. Этот пакет предоставляет основные компоненты и функции маршрутизации для приложений React Router. Оставшиеся два пакета предоставляют компоненты специфические для среды исполнения (браузеры и react-native), но оба они также экспортируют все необходимое, что экспортируется пакетом react-router.
Мы создаем веб-сайт (что-то, что будет запускаться в браузерах), поэтому мы установим response-router-dom. Мы создаем веб-сайт (что-то, что будет запускаться в браузерах), поэтому мы установим response-router-dom.
@ -16,34 +17,34 @@ React Router был разбит на три пакета: `react-router` , `rea
# Маршрутизатор # Маршрутизатор
При запуске нового проекта вам необходимо определить, какой тип маршрутизатора использовать. Для проектов на базе браузера есть а также компоненты. `<BrowserRouter>` следует использовать, когда у вас есть сервер, который будет обрабатывать динамические запросы (знает, как реагировать на любой возможный URI), в то время как должен использоваться для статических веб-сайтов (где сервер может отвечать только на запросы файлов, о которых он знает). При запуске нового проекта вам необходимо определить, какой тип маршрутизатора использовать. В нашем случае, для проектов работающих в браузере, существуют `<BrowserRouter>` и `<HashRouter>`. `<BrowserRouter>` следует использовать, когда у вас есть сервер, который будет обрабатывать динамические запросы (знает, как реагировать на любой возможный URI), в то время как `<HashRouter>` должен использоваться для статических веб-сайтов (где сервер может отвечать только на запросы файлов, о которых он знает).
Обычно рекомендуется использовать `<BrowserRouter>` , но если ваш сайт будет размещен на сервере, который обслуживает только статические файлы, то `<HashRouter>` является хорошим решением. Обычно рекомендуется использовать `<BrowserRouter>`, но если ваш сайт будет размещен на сервере, который обслуживает только статические файлы, то маршрутизатор `<HashRouter>` является хорошим решением.
Для нашего проекта мы предположим, что веб-сайт будет поддерживаться динамическим сервером, поэтому нашим компонентом маршрутизатора является `<BrowserRouter>` . Для нашего проекта мы сделаем допущение, что веб-сайт поддерживаться динамическим сервером, поэтому нашим компонентом маршрутизатора будет является `<BrowserRouter>` .
# Импортный отчет # Импортирование
```javascript ```javascript
import { BrowserRouter as Router, Switch, Route, Link } from 'react-router-dom'; import { BrowserRouter as Router, Switch, Route, Link } from 'react-router-dom';
``` ```
## IndexRoute и ссылки ## Компонент Link
Теперь давайте добавим навигацию, чтобы получить нас между страницами. Теперь давайте добавим навигацию, чтобы у нас получилось перемещаться между страницами.
Для этого мы будем использовать компонент `<Link>` . `<Link>` похожа на использование тега привязки html. Для этого мы будем использовать компонент `<Link>` . Использование компонента `<Link>` похоже на использование тегов ссылок в html.
Из документов: Из официальной документации:
Основной способ разрешить пользователям перемещаться по вашему приложению. сделает полностью доступный тег привязки с соответствующим href. Для этого сначала создадим компонент Nav. Наш компонент Nav будет содержать компоненты `<Link>` и будет выглядеть так: Основной способ реализации перемещения по вашему приложению. Компонент `<Link>` отрисовывает полностью рабочий тег ссылки, с соответствующим адресом href. Для начала создадим компонент Nav. Наш компонент Nav будет содержать компоненты `<Link>` и выглядит следующим образом:
```javascript ```javascript
const Nav = () => ( const Nav = () => (
<div> <div>
<Link to='/'>Home</Link>&nbsp; <Link to='/'>Home</Link>&nbsp;
<Link to='/address'>Address</Link> <Link to='/address'>Address</Link>
</div> </div>
) )
``` ```