Translate 10.8-pure-render-mixin.md to Japanese
Kohei TAKATA committed
Jul 27, 2015 at 11:22 UTC
21d1e0004ed548eee3eebe27eef436a9f1f9f5c1
1 file changed
+28
docs/docs/10.8-pure-render-mixin.ja-JP.md
new
+28
@@ -0,0 +1,28 @@
1
+---
2
+id: pure-render-mixin
3
+title: PureRenderMixin
4
+permalink: pure-render-mixin-ja-JP.html
5
+prev: update-ja-JP.html
6
+next: perf-ja-JP.html
7
+---
8
+
9
+Reactコンポーネントのrender関数が「ピュア」である（言い換えると、同じpropsやstateが与えられた時に同じ結果をレンダリングする）場合は、いくつかのケースでパフォーマンスをあげるためにこのミックスインを使用することができます。
10
+
11
+例:
12
+
13
+```js
14
+var PureRenderMixin = require('react/addons').addons.PureRenderMixin;
15
+React.createClass({
16
+ mixins: [PureRenderMixin],
17
+
18
+ render: function() {
19
+ return <div className={this.props.className}>foo</div>;
20
+ }
21
+});
22
+```
23
+
24
+内部で、このミックスインは[shouldComponentUpdate](/react/docs/component-specs-ja-JP.html#updating-shouldcomponentupdate)を実行します。現在のpropsとstateを次のものと比較し、同様のものであれば、 `false` を返します。
25
+
26
+> 注意:
27
+> このミックスインはオブジェクトの比較のみを行います。それらが複雑なデータ構造を持っていた場合、深い位置における違いは見逃されることがあります。単純なpropsやstateをコンポーネントが持っている場合にのみ、使用してください。深いデータ構造が変更されることが分かっている場合は、 `forceUpdate()` を使用してください。または、ネストされたデータの比較を速く行うために[不変オブジェクト](https://facebook.github.io/immutable-js/)の使用を考えてみてください。
28
+> 更に、 `shouldComponentUpdate` は全てのコンポーネントのサブツリーのアップデートをスキップします。全ての子要素のコンポーネントもまた、「ピュア」であることを確認してください。
\ No newline at end of file