[docs] Follow up to 6972 - update docs code (#7278)
Paul O’Shannessy committed
Jul 13, 2016 at 13:17 UTC
0bfaf5156dfb13d025e696a1095eb1e3d95991af
4 files changed
+6
-6
docs/docs/03-interactivity-and-dynamic-uis.ja-JP.md
+1
-1
@@ -20,7 +20,7 @@ var LikeButton = React.createClass({
20
this.setState({liked: !this.state.liked});
21
},
22
render: function() {
23
- var text = this.state.liked ? 'like' : 'haven\'t liked';
23
+ var text = this.state.liked ? 'liked' : 'haven\'t liked';
24
return (
25
<p onClick={this.handleClick}>
26
You {text} this. Click to toggle.
docs/docs/03-interactivity-and-dynamic-uis.ko-KR.md
+1
-1
@@ -19,7 +19,7 @@ var LikeButton = React.createClass({
19
this.setState({liked: !this.state.liked});
20
},
21
render: function() {
22
- var text = this.state.liked ? 'like' : 'haven\'t liked';
22
+ var text = this.state.liked ? 'liked' : 'haven\'t liked';
23
return (
24
<p onClick={this.handleClick}>
25
You {text} this. Click to toggle.
docs/docs/03-interactivity-and-dynamic-uis.ru-RU.md
+3
-3
@@ -19,7 +19,7 @@ var LikeButton = React.createClass({
19
this.setState({liked: !this.state.liked});
20
},
21
render: function() {
22
- var text = this.state.liked ? 'like' : 'haven\'t liked';
22
+ var text = this.state.liked ? 'liked' : 'haven\'t liked';
23
return (
24
<p onClick={this.handleClick}>
25
You {text} this. Click to toggle.
@@ -63,10 +63,10 @@ React считает интерфейсы обыкновенными конеч
63
**Старайтесь делать компоненты без состояния.** Следуя этому правилу, вы будете выносить работу с состоянием с уровня представления в другие, более подходящие места. Тем самым, вы снизите сложность приложения, упрощая его понимание.
64
65
Основной принцип такой: создаются несколько компонентов без состояния, которые формируют дерево. Они будут заниматься только отрисовкой данных. А все данные для них будут у родительского компонента, который будет на вершине этого дерева компонентов. Он и будет передавать данные дочерним узлам через `props`. Этот компонент с общим состоянием содержит в себе всю логику взаимодействия, а дочерние компоненты будут только отрисовывать данные, которые будут у них в `props`.
66
-
66
+
67
## Какие данные *надо* помещать в состояние?
68
69
-**Состояние должно содержать данные, которые нужны для обновления интерфейса.** В реальных приложениях такие данные, как правило, незначительны по объему, и могут быть сериализованы в JSON. Когда вы создаете компонент с состоянием, старайтесь поместить в него минимум данных. А уже внутри метода `render()` вычисляйте остальные данные, используя значения из состояния.
69
+**Состояние должно содержать данные, которые нужны для обновления интерфейса.** В реальных приложениях такие данные, как правило, незначительны по объему, и могут быть сериализованы в JSON. Когда вы создаете компонент с состоянием, старайтесь поместить в него минимум данных. А уже внутри метода `render()` вычисляйте остальные данные, используя значения из состояния.
70
Со временем вы увидите, что такой подход позволяет создавать более стройные и устойчивые к изменениям приложения. Добавление в состояние лишних данных требует от вас дополнительных затрат на их синхронизацию. Но этого можно избежать, если позволить React делать все эти вычисления за вас.
71
72
## Какие данные *не надо* помещать в состояние?
docs/docs/03-interactivity-and-dynamic-uis.zh-CN.md
+1
-1
@@ -19,7 +19,7 @@ var LikeButton = React.createClass({
19
this.setState({liked: !this.state.liked});
20
},
21
render: function() {
22
- var text = this.state.liked ? 'like' : 'haven\'t liked';
22
+ var text = this.state.liked ? 'liked' : 'haven\'t liked';
23
return (
24
<p onClick={this.handleClick}>
25
You {text} this. Click to toggle.