From 7f2cdf414a1cff3d3b5c54e41b94dce71392f445 Mon Sep 17 00:00:00 2001 From: Alexey Mikhaylov Date: Sun, 28 Oct 2018 13:06:05 +0300 Subject: [PATCH] Improve russian translation in article (React) (#20403) --- guide/russian/react/state-vs-props/index.md | 167 ++++++++++---------- 1 file changed, 84 insertions(+), 83 deletions(-) diff --git a/guide/russian/react/state-vs-props/index.md b/guide/russian/react/state-vs-props/index.md index 10213de00f..3135c86cc6 100644 --- a/guide/russian/react/state-vs-props/index.md +++ b/guide/russian/react/state-vs-props/index.md @@ -1,85 +1,86 @@ --- title: State vs Props -localeTitle: Государство против реквизита ---- ## Государство против реквизита - -Когда мы начинаем работать с компонентами React, мы часто слышим два термина. Это `state` и `props` . Итак, в этой статье мы рассмотрим, что это такое и как они отличаются. - -## Государственный: - -* Состояние - это то, что принадлежит компоненту. Он принадлежит к тому конкретному компоненту, где он определен. Например, возраст человека - это состояние этого человека. -* Состояние изменчиво. Но он может быть изменен только тем компонентом, который ему владеет. Поскольку я могу изменить свой возраст, а не кого-либо еще. -* Вы можете изменить состояние, используя `this.setState()` - -См. Приведенный ниже пример, чтобы получить представление о состоянии: - -#### Person.js - -```javascript - import React from 'react'; - - class Person extends React.Component{ - constructor(props) { - super(props); - this.state = { - age:0 - this.incrementAge = this.incrementAge.bind(this) - } - - incrementAge(){ - this.setState({ - age:this.state.age + 1; - }); - } - - render(){ - return( -
- -
- ); - } - } - - export default Person; -``` - -В приведенном выше примере `age` - это состояние компонента `Person` . - -## Реквизит: - -* Опоры похожи на аргументы метода. Они передаются компоненту, в котором используется этот компонент. -* Реквизит неизменен. Они доступны только для чтения. - -См. Пример ниже, чтобы получить представление о реквизитах: - -#### Person.js - -```javascript - import React from 'react'; - - class Person extends React.Component{ - render(){ - return( -
- -
- ); - } - } - - export default Person; - - const person = -``` - -В приведенном выше примере `const person = ` мы передаем `character = "good"` prop к компоненту `Person` . - -Это дает результат как «Я хороший человек», на самом деле я. - -Гораздо больше узнать о государстве и реквизитах. Многие вещи можно узнать, фактически погрузившись в кодирование. Так что заставляйте свои руки грязно кодировать. - -При необходимости вытащите меня на [твиттере](https://twitter.com/getifyJr) . - -Счастливое кодирование !!! \ No newline at end of file +localeTitle: Состояние и свойства +--- +## Состояние и свойства + +Когда мы начинаем работать с компонентами React, мы часто слышим два термина. Это `state` и `props` . Итак, в этой статье мы рассмотрим, что это такое и чем они отличаются. + +## Состояние: + +* Состояние - это то, что принадлежит компоненту. Оно принадлежит к тому конкретному компоненту, где оно определено. Например, возраст человека - это состояние этого человека. +* Состояние изменчиво. Но оно может быть изменено только тем компонентом, который им владеет. Так я могу изменить свой возраст, а не кто-либо еще. +* Вы можете изменить состояние, используя `this.setState()` + +См. Приведенный ниже пример, чтобы получить представление о состоянии: + +#### Person.js + +```javascript + import React from 'react'; + + class Person extends React.Component{ + constructor(props) { + super(props); + this.state = { + age:0 + this.incrementAge = this.incrementAge.bind(this) + } + + incrementAge(){ + this.setState({ + age:this.state.age + 1; + }); + } + + render(){ + return( +
+ +
+ ); + } + } + + export default Person; +``` + +В приведенном выше примере `age` - это состояние компонента `Person`. + +## Свойства: + +* Свойства похожи на аргументы метода. Они передаются в компонент, в котором используются. +* Свойства неизмененны. Они доступны только для чтения. + +См. Пример ниже, чтобы получить представление о реквизитах: + +#### Person.js + +```javascript + import React from 'react'; + + class Person extends React.Component{ + render(){ + return( +
+ +
+ ); + } + } + + export default Person; + + const person = +``` + +В приведенном выше примере `const person = ` мы передаем свойство `character` со значением `good` в компонент `Person`. + +На выходе получаем «Я хороший человек», на самом деле так и есть. + +Есть ещё много всего, что стоит узнать о состоянии и свойствах. Многие вещи можно узнать, только погрузившись в кодирование. Поэтому пробуйте, пишите код, делайте ошибки, учитесь. + +При необходимости найдите меня на [твиттере](https://twitter.com/getifyJr) . + +Счастливого кодинга !!!