24-React Components组件

Components 组件

1.组件 可以让UI独立的分割出来,可以让UI重复利用。
2.组件就像是JavaScript函数,它们能够接收任意的输入(称为“props”,即属性)并且返回React元素。
3.组件可以嵌套组件。

用javascript函数定义一个组件(Functional 
Components )。如下所示:

function Welcome(props) {
return

Hello, {props.name}

;
}

用ES6 class来定义组件,如下所示:
class Welcome extends React.Component {
render() {
return

Hello, {this.props.name}

;
}
}
当通过调用 React.createClass() 来创建组件的时候,你应该提供一个包含 render 方法的对象,并且也可以包含其它的在这里描述的生命周期方法。

render
ReactComponent render()
render() 方法是必须的。

当调用的时候,会检测 this.props 和 this.state,返回一个单子级组件。该子级组件可以是虚拟的本地 DOM 组件(比如

或者 React.DOM.div()),也可以是自定义的复合组件。

你也可以返回 null 或者 false 来表明不需要渲染任何东西。实际上,React 渲染一个

posted @ 2017-01-04 23:06  shelfy  阅读(141)  评论(0编辑  收藏  举报