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

Imrpove russian translation in article (React) (#20453)

Browse Source
This commit is contained in:
Alexey Mikhaylov
2018-10-28 13:08:18 +03:00
committed by Gregory Gubarev
parent 7f2cdf414a
commit 8ed5ea54e4
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
guide/russian/react/component/index.md
View File

@ -1,10 +1,10 @@
--- ---
title: React - Components title: React - Components
localeTitle: Реакция - Компоненты localeTitle: React - Компоненты
--- ---
## Реакция - Компоненты ## React - Компоненты
Компоненты могут повторно использоваться в реакции.js. Вы можете ввести значение в реквизиты, как указано ниже: Компоненты могут повторно использоваться в React.js. Вы можете передать значение в компонент, как указано ниже:
```jsx ```jsx
function Welcome(props) { function Welcome(props) {
@ -22,11 +22,11 @@ function Welcome(props) {
### Другие способы объявления компонентов ### Другие способы объявления компонентов
Существует много способов объявления компонентов при использовании React.js, но есть два вида компонентов, компоненты **_без_** учета **_состояния и_** компоненты с **_состоянием_** . Существует много способов объявления компонентов при использовании React.js, но есть два вида компонентов, компоненты **_без_** внутреннего **_состояния и_** компоненты с **_состоянием_** .
### Stateful ### Stateful
#### Компоненты типа класса #### Компоненты-классы
```jsx ```jsx
class Cat extends React.Component { class Cat extends React.Component {
@ -50,9 +50,9 @@ class Cat extends React.Component {
} }
``` ```
### Безстоящие компоненты ### Компоненты без состояния
#### Функциональные компоненты (функция стрелок от ES6) #### Функциональные компоненты (стрелочные функции из ES6)
```jsx ```jsx
const Cat = props => { const Cat = props => {
@ -65,7 +65,7 @@ const Cat = props => {
}; };
``` ```
#### Неявные возвращаемые компоненты #### Неявно возвращаемые компоненты
```jsx ```jsx
const Cat = props => const Cat = props =>
@ -74,4 +74,4 @@ const Cat = props =>
<p>{props.color}</p> <p>{props.color}</p>
</div>; </div>;
``` ```