greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Added correct translations to Russian (#21860) 

* Added correct translations to Russian

* ch

* improved translation
pull/34210/head
Roman 2018-11-04 18:30:54 +02:00 committed by Gregory Gubarev
parent 958fd8bad4
commit e961c0b349
1 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
guide/russian/react/functional-components-vs-class-components/index.md
View File

@ -4,20 +4,20 @@ localeTitle: Функциональные компоненты и компоне
---
## Функциональные компоненты и компоненты класса
В React есть в основном два компонента:
В React существуют в основном два типа компонентов:
* Функциональные компоненты
* Компоненты класса
* Компоненты с использованием классов
## Функциональные компоненты
* Функциональные компоненты - это основные функции JavaScript. Они обычно являются функциями стрелок, но также могут быть созданы с помощью ключевого слова регулярной `function` .
* Иногда они называются «немыми» или «без гражданства», поскольку они просто принимают данные и отображают их в той или иной форме; то есть они в основном отвечают за предоставление пользовательского интерфейса.
* Реагирующие методы жизненного цикла (например, `componentDidMount` ) не могут использоваться в функциональных компонентах.
* В функциональных компонентах не используется метод рендеринга.
* Они в основном отвечают за пользовательский интерфейс и обычно являются только презентационными (например, компонент Button).
* Функциональные компоненты могут принимать и использовать реквизиты.
* Функциональные компоненты должны быть предпочтительными, если вам не нужно использовать состояние React.
* Функциональные компоненты - это обыкновенные функции JavaScript. Они обычно создаются с помощью стрелочных функций, но также могут быть созданы с помощью ключевого слова `function`.
* Иногда они называются «простыми» или «без состояния», поскольку они просто принимают данные и отображают их в какой-либо форме; то есть они в основном отвечают за отрисовку пользовательского интерфейса.
* React методы жизненного цикла (например, `componentDidMount` ) не могут использоваться в функциональных компонентах.
* В функциональных компонентах не используется метод рендеринга (`render`).
* Они в основном отвечают за отображение пользовательского интерфейса и обычно являются только презентационными (например, компонент Button).
* Функциональные компоненты могут принимать и использовать свойства (props).
* Функциональные компоненты являются более предпочтительными для использования в вашем коде, если вам не нужно использовать состояние React.
```js
import React from "react";
@ -31,12 +31,12 @@ import React from "react";
export default Person;
```
## Компоненты класса
## Компоненты с использованием классов
* Компоненты класса используют класс ES6 и расширяют класс `Component` в React.
* Иногда они называются «умными» или «состояниями», поскольку они склонны реализовывать логику и состояние.
* Компоненты с классами используют ключевое слово class из ES6 и расширяют класс `Component` в React.
* Иногда они называются «умными» или «с состоянием», поскольку они предназначены для реализации логики и состояние приложения.
* Методы жизненного цикла React могут использоваться внутри компонентов класса (например, `componentDidMount` ).
* Вы передаете реквизиты до компонентов класса и `this.props` доступ к ним с помощью `this.props`
* Вы передаете свойства (props) вниз к классовым компонентам и получаете доступ к соответствующим свойствам с помощью `this.props`
```js
import React, { Component } from "react";
@ -61,9 +61,9 @@ import React, { Component } from "react";
export default Person;
```
## Больше информации
## Дополнительная информация
* [Реагировать на компоненты](https://reactjs.org/docs/components-and-props.html)
* [Функциональные компоненты класса vs](https://react.christmas/16)
* [Функциональные компоненты Stateful vs без состояния](https://code.tutsplus.com/tutorials/stateful-vs-stateless-functional-components-in-react--cms-29541)
* [Состояние и жизненный цикл](https://reactjs.org/docs/state-and-lifecycle.html)
* [React компоненты](https://reactjs.org/docs/components-and-props.html)
* [Функциональные компоненты класса vs компоненты с использованием классов](https://react.christmas/16)
* [Компоненты с состоянием vs компонентов без состояния](https://code.tutsplus.com/tutorials/stateful-vs-stateless-functional-components-in-react--cms-29541)
* [Состояние и жизненный цикл](https://reactjs.org/docs/state-and-lifecycle.html)