{"parents":["c3e411a0dc1fd31ef349d5f7a8be83dd01496453"],"patch":"diff --git a\/docs\/docs\/06-transferring-props.ja-JP.md b\/docs\/docs\/06-transferring-props.ja-JP.md\nnew file mode 100644\nindex 0000000000..1c3f4bfb20\n--- \/dev\/null\n+++ b\/docs\/docs\/06-transferring-props.ja-JP.md\n@@ -0,0 +1,161 @@\n+---\n+id: transferring-props\n+title: propsの移譲\n+permalink: transferring-props-ja-JP.html\n+prev: reusable-components-ja-JP.html\n+next: forms-ja-JP.html\n+\n+---\n+\n+\n+コンポーネントを抽象的にラップすることはReactにおいて共通のパターンです。外のコンポーネントは単純なプロパティを表示し、中ではさらに複雑なインプリメンテーションの詳細を持つようになっています。\n+\n+以下のように、古いpropsと追加の値を[JSXの拡張属性](\/react\/docs\/jsx-spread-ja-JP.html)を使ってマージすることができます。\n+\n+```javascript\n+\n+```\n+\n+JSXを使わない場合は、以下のように、ES6の `Object.assign` か Underscore の `_.extend` といったオブジェクトヘルパーを使うことができます。\n+\n+```javascript\n+React.createElement(Component, Object.assign({}, this.props, { more: 'values' }));\n+```\n+\n+以下のチュートリアルはベストプラクティスを提示しています。JSXや試験的なES7のシンタックスを使っています。\n+\n+## 手動での移動\n+\n+ほとんどの場合、プロパティを明確に子要素に渡すべきです。それは、内部のAPIのサブセットだけを外に出していることと、認識しているプロパティが動作することを保証します。\n+\n+```javascript\n+var FancyCheckbox = React.createClass({\n+ render: function() {\n+ var fancyClass = this.props.checked ? 'FancyChecked' : 'FancyUnchecked';\n+ return (\n+

\n+ {this.props.children}\n+ <\/div>\n+ );\n+ }\n+});\n+React.render(\n+ \n+ Hello world!\n+ <\/FancyCheckbox>,\n+ document.getElementById('example')\n+);\n+```\n+\n+しかし、 `name` プロパティや `title` プロパティや `onMouseOver` はどうでしょうか？\n+\n+## JSXにおける `...` を使った移譲\n+\n+> 注意:\n+> 以下の例では、実験的なES7のシンタックスであることを示すために `--harmony ` フラグが必要になります。ブラウザ上でJSXトランスフォーマーを使う際には、単純に `

dillon1000/react

Files changed