一、React组件定义介绍
- 一个组件类由
extends Component
创建,并且提供一个render
方法。 - React中创建的组件类以大写字母开头,遵守驼峰命名法。
- 在React当中用React。createClass创建一个组件类。
- 核心代码:每个组件类都必须实现自己的render方法,输出定义好的组件模板,返回值:null/false/组件模板 这三种。
- 组件类只能包含一个顶层标签。
二、开发一个显示“Hello React”的组件HelloMessage
//在此处编写React代码
var HelloMessage = React.createClass({
render : function() {
return <h1>{this.props.helloText}</h1>
}
});
ReactDOM.render(
//在模板中使用<HelloMessage/>,会自动生成一个实例
<HelloMessage helloText = "Hello React"/>,
document.getElementById("container")
);