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

Corrected translation errors (#22697)

Browse Source
This commit is contained in:
NailRusty
2018-11-18 13:03:50 +05:00
committed by Gregory Gubarev
parent 6a985d9dcb
commit 109ee74af6
1 changed files with 92 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
guide/russian/react/state-vs-props/index.md
View File

@ -1,15 +1,17 @@
--- ---
title: State vs Props title: State vs Props
localeTitle: Состояние и свойства
---
## Состояние и свойства
Когда мы начинаем работать с компонентами React, мы часто слышим два термина. Это `state` и `props` . Итак, в этой статье мы рассмотрим, что это такое и чем они отличаются. localeTitle: Состояние vs свойства
---
## Состояние vs свойства
Когда мы начинаем работать с компонентами React, мы часто слышим два термина. Это `state` и `props` . Итак, в этой статье мы рассмотрим, что это такое и как они отличаются.
## Состояние: ## Состояние:
* Состояние - это то, что принадлежит компоненту. Оно принадлежит к тому конкретному компоненту, где оно определено. Например, возраст человека - это состояние этого человека. * Состояние - это то, что принадлежит компоненту. Он принадлежит к тому конкретному компоненту, где он определен. Например, возраст человека - это состояние этого человека.
* Состояние изменчиво. Но оно может быть изменено только тем компонентом, который им владеет. Так я могу изменить свой возраст, а не кто-либо еще. * Состояние изменчиво. Но он может быть изменен только тем компонентом, который им владеет. Поскольку я могу изменить свой возраст, а не кого-либо еще.
* Вы можете изменить состояние, используя `this.setState()` * Вы можете изменить состояние, используя `this.setState()`
См. Приведенный ниже пример, чтобы получить представление о состоянии: См. Приведенный ниже пример, чтобы получить представление о состоянии:
@ -46,14 +48,16 @@ localeTitle: Состояние и свойства
export default Person; export default Person;
``` ```
В приведенном выше примере `age` - это состояние компонента `Person`.
В приведенном выше примере `age` - это состояние компонента `Person` .
## Свойства: ## Свойства:
* Свойства похожи на аргументы метода. Они передаются в компонент, в котором используются. * Свойства похожи на аргументы метода. Они передаются компоненту, в котором используется этот компонент.
* Свойства неизмененны. Они доступны только для чтения. * Свойства неизменяемы. Они доступны только для чтения.
См. Пример ниже, чтобы получить представление о свойствах:
См. Пример ниже, чтобы получить представление о реквизитах:
#### Person.js #### Person.js
@ -75,12 +79,14 @@ localeTitle: Состояние и свойства
const person = <Person character = "good"></Person> const person = <Person character = "good"></Person>
``` ```
В приведенном выше примере `const person = <Person character = "good"></Person>` мы передаем свойство `character` со значением `good` в компонент `Person`.
На выходе получаем «Я хороший человек», на самом деле так и есть. В приведенном выше примере `const person = <Person character = "good"></Person>` мы передаем `character = "good"` свойство к компоненту `Person` .
Есть ещё много всего, что стоит узнать о состоянии и свойствах. Многие вещи можно узнать, только погрузившись в кодирование. Поэтому пробуйте, пишите код, делайте ошибки, учитесь. Это дает результат как "I am a good person".
При необходимости найдите меня на [твиттере](https://twitter.com/getifyJr) . Гораздо больше узнать о состояниях и свойствах можно только на практике. Так что заставляйте свой руки писать код.
При необходимости пишите мне в [твиттере](https://twitter.com/getifyJr) .
Счастливого программирования !!!
Счастливого кодинга !!!