|
|
@ -113,7 +113,6 @@ React.render( |
|
|
|
); |
|
|
|
``` |
|
|
|
|
|
|
|
|
|
|
|
## 单个子级 |
|
|
|
|
|
|
|
`React.PropTypes.element` 可以限定只能有一个子级传入。 |
|
|
@ -127,7 +126,7 @@ var MyComponent = React.createClass({ |
|
|
|
render: function() { |
|
|
|
return ( |
|
|
|
<div> |
|
|
|
{this.props.children} // 只能有一个元素,否则会抛异常。 |
|
|
|
{this.props.children} // 有且仅有一个元素,否则会抛异常。 |
|
|
|
</div> |
|
|
|
); |
|
|
|
} |
|
|
@ -181,4 +180,4 @@ React.render( |
|
|
|
); |
|
|
|
``` |
|
|
|
|
|
|
|
关于 mixin 值得一提的优点是,如果一个组件使用了多个 mixin,并用有多个 mixin 定义了同样的生命周期方法(如:多个 mixin 都需要在组件销毁时做资源清理操作),所有这些生命周期方法都保证会被执行到。方法执行顺序是:首先按 mixin 引入顺序执行 mixin 里方法,最后执行组件内定义的方法。 |
|
|
|
关于 mixin 值得一提的优点是,如果一个组件使用了多个 mixin,并用有多个 mixin 定义了同样的生命周期方法(如:多个 mixin 都需要在组件销毁时做资源清理操作),所有这些生命周期方法都保证会被执行到。方法执行顺序是:首先按 mixin 引入顺序执行 mixin 里方法,最后执行组件内定义的方法。 |
|
|
|