Improve russian translation in article (React) (#20403)
This commit is contained in:
committed by
Gregory Gubarev
parent
243a303176
commit
7f2cdf414a
@ -1,14 +1,15 @@
|
|||||||
---
|
---
|
||||||
title: State vs Props
|
title: State vs Props
|
||||||
localeTitle: Государство против реквизита
|
localeTitle: Состояние и свойства
|
||||||
---
|
---
|
||||||
|
## Состояние и свойства
|
||||||
|
|
||||||
|
Когда мы начинаем работать с компонентами React, мы часто слышим два термина. Это `state` и `props` . Итак, в этой статье мы рассмотрим, что это такое и чем они отличаются.
|
||||||
|
|
||||||
|
## Состояние:
|
||||||
|
|
||||||
|
* Состояние - это то, что принадлежит компоненту. Оно принадлежит к тому конкретному компоненту, где оно определено. Например, возраст человека - это состояние этого человека.
|
||||||
* Состояние - это то, что принадлежит компоненту. Он принадлежит к тому конкретному компоненту, где он определен. Например, возраст человека - это состояние этого человека.
|
* Состояние изменчиво. Но оно может быть изменено только тем компонентом, который им владеет. Так я могу изменить свой возраст, а не кто-либо еще.
|
||||||
* Вы можете изменить состояние, используя `this.setState()`
|
* Вы можете изменить состояние, используя `this.setState()`
|
||||||
|
|
||||||
См. Приведенный ниже пример, чтобы получить представление о состоянии:
|
См. Приведенный ниже пример, чтобы получить представление о состоянии:
|
||||||
@ -47,10 +48,10 @@ localeTitle: Государство против реквизита
|
|||||||
|
|
||||||
В приведенном выше примере `age` - это состояние компонента `Person`.
|
В приведенном выше примере `age` - это состояние компонента `Person`.
|
||||||
|
|
||||||
|
## Свойства:
|
||||||
|
|
||||||
|
* Свойства похожи на аргументы метода. Они передаются в компонент, в котором используются.
|
||||||
* Опоры похожи на аргументы метода. Они передаются компоненту, в котором используется этот компонент.
|
* Свойства неизмененны. Они доступны только для чтения.
|
||||||
|
|
||||||
См. Пример ниже, чтобы получить представление о реквизитах:
|
См. Пример ниже, чтобы получить представление о реквизитах:
|
||||||
|
|
||||||
@ -74,12 +75,12 @@ localeTitle: Государство против реквизита
|
|||||||
const person = <Person character = "good"></Person>
|
const person = <Person character = "good"></Person>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
В приведенном выше примере `const person = <Person character = "good"></Person>` мы передаем свойство `character` со значением `good` в компонент `Person`.
|
||||||
|
|
||||||
|
На выходе получаем «Я хороший человек», на самом деле так и есть.
|
||||||
|
|
||||||
|
Есть ещё много всего, что стоит узнать о состоянии и свойствах. Многие вещи можно узнать, только погрузившись в кодирование. Поэтому пробуйте, пишите код, делайте ошибки, учитесь.
|
||||||
|
|
||||||
|
При необходимости найдите меня на [твиттере](https://twitter.com/getifyJr) .
|
||||||
|
|
||||||
|
Счастливого кодинга !!!
|
||||||
|
Reference in New Issue
Block a user