Browse Source

Update 02.1-jsx-in-depth.md

main
amykyta 10 years ago
parent
commit
20d2dfec1d
  1. 6
      docs/02.1-jsx-in-depth.md

6
docs/02.1-jsx-in-depth.md

@ -89,7 +89,7 @@ If you want to use JSX, the [Getting Started](/react/docs/getting-started.html)
## Namespaced Components ## 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 ```javascript
var Form = MyFormComponent; 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 ```javascript
var Form = MyFormComponent; 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 ```javascript
var MyFormComponent = React.createClass({ ... }); var MyFormComponent = React.createClass({ ... });

Loading…
Cancel
Save