amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-24 04:33:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update 02.1-jsx-in-depth.md

Browse Source
This commit is contained in:
amykyta
2015-01-21 12:22:29 -05:00
parent 677f921830
commit 20d2dfec1d
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/02.1-jsx-in-depth.md
View File

@@ -89,7 +89,7 @@ If you want to use JSX, the [Getting Started](/react/docs/getting-started.html)
## Namespaced Components
If you are building a component that have a lot of childrens, or if you are building your application with some categories of reusable components (like a `Form` category), to make more simple and easiest, you can use a *namespaced component* to avoid something like this:
If you are building a component that has many children, or if you are building your application with some categories of reusable components (like a `Form` category), to make it simpler and easier, you can use a *namespaced component* to avoid something like this:
```javascript
var Form = MyFormComponent;
@@ -107,7 +107,7 @@ var App = (
);
```
Instead of declare a bunch of variables at the top, you'll get just one component that have other components as attributes.
Instead of declaring a bunch of variables at the top, you'll get just one component that has other components as attributes.
```javascript
var Form = MyFormComponent;
@@ -122,7 +122,7 @@ var App = (
);
```
For doing this, you just need to create your *"sub-components"* as attributes of the main component:
To do this, you just need to create your *"sub-components"* as attributes of the main component:
```javascript
var MyFormComponent = React.createClass({ ... });
@@ -201,4 +201,4 @@ var content = (
> NOTE:
>
> JSX is similar to HTML, but not exactly the same. See [JSX gotchas](/react/docs/jsx-gotchas.html) for some key differences.
> JSX is similar to HTML, but not exactly the same. See [JSX gotchas](/react/docs/jsx-gotchas.html) for some key differences.