{"body":"It's better to delare component before using.","commit":{"shortRevision":"65bf19029d","authorName":"Dmitry Zhuravlev-Nevsky","subject":"Swap components (#8735)","authoredAt":"2017-01-10T13:48:53+03:00","authorEmail":"dmitry.nevsky@gmail.com","revision":"65bf19029de40d3248b25f38e6af8982fbce454f"},"parents":["00be2e437fa8c9f60517ef4a81efac1dcb95ce1e"],"files":[{"path":"docs\/docs\/jsx-in-depth.md","status":"M"}],"patch":"diff --git a\/docs\/docs\/jsx-in-depth.md b\/docs\/docs\/jsx-in-depth.md\nindex e08004d19f..9cdd899cfd 100644\n--- a\/docs\/docs\/jsx-in-depth.md\n+++ b\/docs\/docs\/jsx-in-depth.md\n@@ -348,14 +348,6 @@ function Hello(props) {\n Normally, JavaScript expressions inserted in JSX will evaluate to a string, a React element, or a list of those things. However, `props.children` works just like any other prop in that it can pass any sort of data, not just the sorts that React knows how to render. For example, if you have a custom component, you could have it take a callback as `props.children`:\n \n ```js{4,13}\n-function ListOfTenThings() {\n- return (\n- \n- {(index) =>

This is item {index} in the list<\/div>}\n- <\/Repeat>\n- );\n-}\n-\n \/\/ Calls the children callback numTimes to produce a repeated component\n function Repeat(props) {\n let items = [];\n@@ -364,6 +356,14 @@ function Repeat(props) {\n }\n return

{items}<\/div>;\n }\n+\n+function ListOfTenThings() {\n+ return (\n+ \n+ {(index) =>

This is item {index} in the list<\/div>}\n+ <\/Repeat>\n+ );\n+}\n ```\n \n Children passed to a custom component can be anything, as long as that component transforms them into something React can understand before rendering. This usage is not common, but it works if you want to stretch what JSX is capable of.\n"}

dillon1000/react

Files changed