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 渲染一个