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

docs: update Russian translation for the whole React guide (#23636)

Browse Source 
* docs: update translation for React guide in Russian

* fix: removed extra line before frontmatter block

* fix: removed extra line in frontmatter block

* fix: corrected frontmatter block

* fix: corrected localeTitle in frontmatter block

* Update index.md

* fix: corrected localeTitle for Installation

* Update index.md

* Update index.md
This commit is contained in:
Egor
2018-11-22 19:49:48 +01:00
committed by Gregory Gubarev
parent a489ac9df8
commit 346b0a7ce1
23 changed files with 698 additions and 617 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
guide/russian/react/handling-data-with-props-in-react/index.md
View File

@@ -1,10 +1,10 @@
---
title: Handling Data with Props in React
localeTitle: Обработка данных с помощью реквизита в действии
localeTitle: Обработка данных с помощью Props в React
---
## Обработка данных с помощью реквизита в действии
## Обработка данных с помощью Props в React
Реквизиты обеспечивают способ передачи и доступа к данным в компонентах React.
Props обеспечивают способ передачи и доступа к данным в компонентах React.
Данные передаются для компонентов React как атрибут в JSX.
@@ -12,7 +12,7 @@ localeTitle: Обработка данных с помощью реквизит
<MyComponent someAttribute={data.value} />
```
В JSX фигурные скобки указывают на выражение JavaScript, которое должно возвращать значение. Переданные данные доступны через реквизиты в определенном компоненте.
В JSX фигурные скобки указывают на выражение JavaScript, которое должно возвращать значение. Переданные данные доступны через props в определенном компоненте.
```javascript
const MyComponent = props => {
@@ -22,19 +22,19 @@ const MyComponent = props => {
Теперь давайте рассмотрим пример в CodePen.
### Начиная
### Установка
Если вы еще этого не сделали, зайдите и зарегистрируйтесь для [бесплатной учетной записи CodePen](https://codepen.io/accounts/signup/user/free) .
Если вы еще этого не сделали, зайдите и зарегистрируйтесь на [бесплатной учетной записи CodePen](https://codepen.io/accounts/signup/user/free) .
Создайте новое перо, выбрав «Создать»> «Новая пера» рядом с вашим профилем профиля CodePen.
Создайте новый pen, выбрав 'Create' > 'New Pen' рядом с вашим профилем CodePen.
Затем мы добавим соответствующие библиотеки для рендеринга наших компонентов React.
Откройте панель настроек JavaScript, выбрав «Настройки»> «JavaScript». Выберите «Babel» в разделе «Препроцессор JavaScript».
Откройте панель настроек JavaScript, выбрав 'Settings' > 'JavaScript. Выберите 'Babel' в разделе 'JavaScript Preprocessor'.
Затем добавим наши библиотеки React. В разделе «Внешний JavaScript» выберите раскрывающийся список «Быстрое добавление» и добавьте библиотеки «React» и «React DOM».
Затем добавим наши библиотеки React. В разделе 'External JavaScript' выберите раскрывающийся список 'Quick-add' и добавьте библиотеки 'React' и 'React DOM'.
### Использование реквизита
### Использование props
Сначала давайте определим некоторые фиктивные данные в нашем файле JavaScript.
@@ -45,7 +45,7 @@ const blogData = {
};
```
Затем давайте определим наши компоненты блога.
Затем определим наши компоненты блога.
```javascript
const Heading = () => {
@@ -64,9 +64,9 @@ const Heading = () => {
};
```
Заметил, как мы использовали объект реквизита для рендеринга значений заголовка и тела, которые будут переданы компоненту Blog. Реквизиты доступны только для чтения или неизменяемы, поэтому нам не нужно беспокоиться об изменении значений реквизита.
Заметил, как мы использовали объект props для рендеринга значений заголовка и тела, которые будут переданы компоненту Blog. Props доступны только для чтения или неизменяемы, поэтому нам не нужно беспокоиться об изменении значений props.
Перед тем, как написать наш компонент App, мы должны защитить наш компонент будет определение типа переменной, которая передается каждому реквизита. Мы определим это с помощью React.PropTypes. Добавьте в свой файл JavaScript следующее.
Перед тем, как написать наш компонент App, мы должны защитить наш компонент будет определение типа переменной, которая передается каждому props. Мы определим это с помощью React.PropTypes. Добавьте в свой файл JavaScript следующее.
```javascript
Blog.propTypes = {
@@ -101,6 +101,6 @@ ReactDOM.render(
);
```
Теперь вы должны видеть, что наши компоненты блога визуализируются с помощью фиктивных данных, передаваемых через реквизиты.
Теперь вы должны увидеть, что наши компоненты блога визуализируются с помощью фиктивных данных, передаваемых через props.
Вы можете увидеть пример CodePen [здесь](https://codepen.io/trey-davis/pen/MvdZGX) .
Вы можете увидеть пример CodePen [здесь](https://codepen.io/trey-davis/pen/MvdZGX) .