Skip to content

Commit 33af760

Browse files
committed
Update react-without-es6.md
1 parent 7faf3c8 commit 33af760

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

content/docs/react-without-es6.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ var Greeting = createReactClass({
2727

2828
API ES6-классов похож на `createReactClass()` за некоторыми исключениями.
2929

30-
## Объявление свойств компонента {#declaring-default-props}
30+
## Объявление пропсов по умолчанию {#declaring-default-props}
3131

3232
С помощью функций и классов ES6 `defaultProps` определяется как свойство самого компонента:
3333

@@ -131,7 +131,7 @@ var SayHello = createReactClass({
131131
});
132132
```
133133

134-
Это означает, что классы ES6 пишутся с чуть более универсальным кодом для обработчиков событий, при этом производительность громоздких приложений немного выше.
134+
Это означает, что ES6 классы пишутся с чуть большим количеством однообразного кода для обработчиков событий, зато производительность громоздких приложений немного возрастает.
135135

136136
Если универсальный код для вас слишком неприглядный, вы можете включить **экспериментальный** синтаксис [свойств класса](https://babeljs.io/docs/plugins/transform-class-properties/) с помощью Babel:
137137

@@ -157,9 +157,9 @@ class SayHello extends React.Component {
157157
}
158158
```
159159

160-
Обратите внимание, что приведённый выше синтаксис является **экспериментальным** и может измениться, возможно это предложение не станет стандартом.
160+
Обратите внимание, что приведённый выше синтаксис является **экспериментальным** и может измениться. Возможно, предложенный синтаксис не войдёт в стандарт.
161161

162-
Если вы предпочитаете безопасный вариант, у вас их несколько:
162+
Существует несколько безопасных вариантов:
163163

164164
* Привязывайте методы в конструкторе.
165165
* Используйте стрелочные функции, например, `onClick={(e) => this.handleClick(e)}`.
@@ -169,15 +169,15 @@ class SayHello extends React.Component {
169169

170170
>**Примечание:**
171171
>
172-
>ES6 запущен без поддержки примесей. Поэтому нет никакой поддержки примесей когда вы используете React с классами ES6.
172+
>ES6 запущен без поддержки примесей. Поэтому React не поддерживает примеси с классами ES6.
173173
>
174174
>**Кроме того, мы нашли множество проблем в кодовых базах, используя примеси, [и не рекомендуем использовать их в коде](/blog/2016/07/13/mixins-considered-harmful.html).**
175175
>
176176
>Этот раздел существует только для справки.
177177
178178
Иногда очень разные компоненты могут иметь общую функциональность. Иногда это называют [cквозной функциональностью](https://en.wikipedia.org/wiki/Cross-cutting_concern). `createReactClass` позволяет использовать для этого устаревшую систему `mixins`.
179179

180-
Одним из распространенных вариантов использования — когда вы собираетесь обновлять компонент через какой-то промежуток времени. Можно просто использовать `setInterval()`, но важно отменить процесс, когда он больше не нужен, для экономии памяти. React предоставляет [методы жизненного цикла](/docs/react-component.html#the-component-lifecycle), которые позволяют узнать, когда компонент будет создан или уничтожен. Давайте создадим простую примесь, которое использует эти методы, для простой функции `setInterval()`, чтобы автоматически очищать мусор при удалении вашего компонента.
180+
Одним из распространенных вариантов использования — когда вы собираетесь обновлять компонент через какой-то промежуток времени. Можно просто использовать `setInterval()`, но важно отменить процесс, когда он больше не нужен, чтобы сэкономить память. React предоставляет [методы жизненного цикла](/docs/react-component.html#the-component-lifecycle), которые позволяют узнать, когда компонент будет создан или уничтожен. Давайте применим эти методы и создадим небольшую примесь, которая предоставляет функцию `setInterval()` и автоматически очищает мусор, когда компонент уничтожается.
181181

182182
```javascript
183183
var SetIntervalMixin = {
@@ -220,4 +220,4 @@ ReactDOM.render(
220220
);
221221
```
222222

223-
Если компонент использует несколько примесей и они определяют один и тот же метод жизненного цикла (т.е. хотят выполнить некоторую очистку при уничтожении компонента), все методы жизненного цикла гарантированно будут вызваны. Методы, определённые на примесях, запускаются по порядку, после вызова метода на компоненте.
223+
Если компонент использует несколько примесей и они определяют один и тот же метод жизненного цикла (т.е. хотят выполнить некоторую очистку при уничтожении компонента), все методы жизненного цикла гарантированно будут вызваны. Методы, определённые на примесях, запускаются в том порядке, в котором они перечислены, а затем вызывается метод самого компонента.

0 commit comments

Comments
 (0)