Browse Source

[docs] Single Child

* Single Child belongs to Prop Validation, so it was moved there.
* "throw" was changed to "warn".
main
Stefan Dombrowski 9 years ago
parent
commit
4a80d994d4
  1. 44
      docs/05-reusable-components.md

44
docs/05-reusable-components.md

@ -78,6 +78,28 @@ React.createClass({
});
```
### Single Child
With `React.PropTypes.element` you can specify that only a single child can be passed to
a component as children.
```javascript
var MyComponent = React.createClass({
propTypes: {
children: React.PropTypes.element.isRequired
},
render: function() {
return (
<div>
{this.props.children} // This must be exactly one element or it will warn.
</div>
);
}
});
```
## Default Prop Values
React lets you define default values for your `props` in a very declarative way:
@ -115,28 +137,6 @@ ReactDOM.render(
);
```
## Single Child
With `React.PropTypes.element` you can specify that only a single child can be passed to
a component as children.
```javascript
var MyComponent = React.createClass({
propTypes: {
children: React.PropTypes.element.isRequired
},
render: function() {
return (
<div>
{this.props.children} // This must be exactly one element or it will throw.
</div>
);
}
});
```
## Mixins
Components are the best way to reuse code in React, but sometimes very different components may share some common functionality. These are sometimes called [cross-cutting concerns](https://en.wikipedia.org/wiki/Cross-cutting_concern). React provides `mixins` to solve this problem.

Loading…
Cancel
Save