diff --git a/docs/03-interactivity-and-dynamic-uis.ja-JP.md b/docs/03-interactivity-and-dynamic-uis.ja-JP.md index 43559c34..fc2f1cce 100644 --- a/docs/03-interactivity-and-dynamic-uis.ja-JP.md +++ b/docs/03-interactivity-and-dynamic-uis.ja-JP.md @@ -20,7 +20,7 @@ var LikeButton = React.createClass({ this.setState({liked: !this.state.liked}); }, render: function() { - var text = this.state.liked ? 'like' : 'haven\'t liked'; + var text = this.state.liked ? 'liked' : 'haven\'t liked'; return (

You {text} this. Click to toggle. diff --git a/docs/03-interactivity-and-dynamic-uis.ko-KR.md b/docs/03-interactivity-and-dynamic-uis.ko-KR.md index ef3b3526..47602d02 100644 --- a/docs/03-interactivity-and-dynamic-uis.ko-KR.md +++ b/docs/03-interactivity-and-dynamic-uis.ko-KR.md @@ -19,7 +19,7 @@ var LikeButton = React.createClass({ this.setState({liked: !this.state.liked}); }, render: function() { - var text = this.state.liked ? 'like' : 'haven\'t liked'; + var text = this.state.liked ? 'liked' : 'haven\'t liked'; return (

You {text} this. Click to toggle. diff --git a/docs/03-interactivity-and-dynamic-uis.ru-RU.md b/docs/03-interactivity-and-dynamic-uis.ru-RU.md index 4a6a364c..f63425b1 100644 --- a/docs/03-interactivity-and-dynamic-uis.ru-RU.md +++ b/docs/03-interactivity-and-dynamic-uis.ru-RU.md @@ -19,7 +19,7 @@ var LikeButton = React.createClass({ this.setState({liked: !this.state.liked}); }, render: function() { - var text = this.state.liked ? 'like' : 'haven\'t liked'; + var text = this.state.liked ? 'liked' : 'haven\'t liked'; return (

You {text} this. Click to toggle. @@ -63,10 +63,10 @@ React считает интерфейсы обыкновенными конеч **Старайтесь делать компоненты без состояния.** Следуя этому правилу, вы будете выносить работу с состоянием с уровня представления в другие, более подходящие места. Тем самым, вы снизите сложность приложения, упрощая его понимание. Основной принцип такой: создаются несколько компонентов без состояния, которые формируют дерево. Они будут заниматься только отрисовкой данных. А все данные для них будут у родительского компонента, который будет на вершине этого дерева компонентов. Он и будет передавать данные дочерним узлам через `props`. Этот компонент с общим состоянием содержит в себе всю логику взаимодействия, а дочерние компоненты будут только отрисовывать данные, которые будут у них в `props`. - + ## Какие данные *надо* помещать в состояние? -**Состояние должно содержать данные, которые нужны для обновления интерфейса.** В реальных приложениях такие данные, как правило, незначительны по объему, и могут быть сериализованы в JSON. Когда вы создаете компонент с состоянием, старайтесь поместить в него минимум данных. А уже внутри метода `render()` вычисляйте остальные данные, используя значения из состояния. +**Состояние должно содержать данные, которые нужны для обновления интерфейса.** В реальных приложениях такие данные, как правило, незначительны по объему, и могут быть сериализованы в JSON. Когда вы создаете компонент с состоянием, старайтесь поместить в него минимум данных. А уже внутри метода `render()` вычисляйте остальные данные, используя значения из состояния. Со временем вы увидите, что такой подход позволяет создавать более стройные и устойчивые к изменениям приложения. Добавление в состояние лишних данных требует от вас дополнительных затрат на их синхронизацию. Но этого можно избежать, если позволить React делать все эти вычисления за вас. ## Какие данные *не надо* помещать в состояние? diff --git a/docs/03-interactivity-and-dynamic-uis.zh-CN.md b/docs/03-interactivity-and-dynamic-uis.zh-CN.md index 1b9748f8..555782ce 100644 --- a/docs/03-interactivity-and-dynamic-uis.zh-CN.md +++ b/docs/03-interactivity-and-dynamic-uis.zh-CN.md @@ -19,7 +19,7 @@ var LikeButton = React.createClass({ this.setState({liked: !this.state.liked}); }, render: function() { - var text = this.state.liked ? 'like' : 'haven\'t liked'; + var text = this.state.liked ? 'liked' : 'haven\'t liked'; return (

You {text} this. Click to toggle.