{"patch":"diff --git a\/docs\/tips\/07-children-props-type.md b\/docs\/tips\/07-children-props-type.md\nindex 675b2f7414..8c4549acd7 100644\n--- a\/docs\/tips\/07-children-props-type.md\n+++ b\/docs\/tips\/07-children-props-type.md\n@@ -7,7 +7,7 @@ prev: style-props-value-px.html\n next: controlled-input-null-value.html\n ---\n \n-Usually, a component's `this.props.children` is an array of components:\n+Usually, a component's children (`this.props.children`) is an array of components:\n \n ```js\n \/** @jsx React.DOM *\/\n@@ -22,21 +22,23 @@ var GenericWrapper = React.createClass({\n });\n \n React.renderComponent(\n- <\/GenericWrapper>, \n+ <\/GenericWrapper>,\n mountNode\n );\n ```\n \n-To save an extra array allocation, it returns the component itself _without the array wrapper_ when there's only one child.\n+However, when there is only a single child, `this.props.children` will be the single child component itself _without the array wrapper_. This saves an array allocation.\n \n ```js\n \/** @jsx React.DOM *\/\n \n var GenericWrapper = React.createClass({\n componentDidMount: function() {\n- \/\/ **warning**: yields 5 for length of the string 'hello', not 1 for the\n+ console.log(Array.isArray(this.props.children)); \/\/ => false\n+\n+ \/\/ warning: yields 5 for length of the string 'hello', not 1 for the\n \/\/ length of the non-existant array wrapper!\n- console.log(this.props.children.length); \n+ console.log(this.props.children.length);\n },\n render: function() {\n return

;\n","commit":{"authorEmail":"paul@oshannessy.com","authoredAt":"2013-11-12T12:59:03-08:00","authorName":"Paul O’Shannessy","shortRevision":"75383c5c99","revision":"75383c5c9973215bc834da2045518b7956247a77","subject":"Children props tip tweak"},"parents":["49261c93920448d3b030b5778d904120299254a1"],"body":"","files":[{"status":"M","path":"docs\/tips\/07-children-props-type.md"}]}

dillon1000/react

Files changed