diff --git a/guide/russian/react/component/index.md b/guide/russian/react/component/index.md index 30a8e7d4c1..f13889d7b9 100644 --- a/guide/russian/react/component/index.md +++ b/guide/russian/react/component/index.md @@ -1,10 +1,13 @@ --- title: React - Components + localeTitle: React - Компоненты --- ## React - Компоненты -Компоненты могут повторно использоваться в React.js. Вы можете передать значение в компонент, как указано ниже: + +В библиотеке react.js создаваемые компоненты могут быть использованы повторно. Вы можете передавать различные значения в компоненты с помощью свойств - props, как приведено ниже: + ```jsx function Welcome(props) { @@ -18,15 +21,16 @@ function Welcome(props) { ); ``` -`name="Faisal Arkan"` даст значение в `{props.name}` из `function Welcome(props)` и возвращающего компонента, который дал значение по `name="Faisal Arkan"` , после чего реакция отобразит элемент в html. +В данном случае, значение свойства name - `name="Faisal Arkan"` будет сохранено в `{props.name}` из `function Welcome(props)` и возвратит компонент `

Hello, Faisal Arkan

`, который сохраняется в константу `elements`. Далее компонент отрисовывается с помощью вызова функции `ReactDOM.render(element, document.getElementById('root'));`. В данном случае `document.getElementById('root')`, элемент в котором вы хотите разместить и визуализировать созданный компонент. ### Другие способы объявления компонентов -Существует много способов объявления компонентов при использовании React.js, но есть два вида компонентов, компоненты **_без_** внутреннего **_состояния и_** компоненты с **_состоянием_** . +Существует множество способов объявления компонентов при использовании библиотеки React.js, но выделяют два вида компонентов, компоненты **_без_состояния_** (stateless) и компоненты с **_состоянием_** (statefull) . -### Stateful +### Компоненты с состоянием + +#### Компоненты с использованием классов -#### Компоненты-классы ```jsx class Cat extends React.Component {