以定义名为Hello的组件为例：

一：es6方式

a:从react 包中导入react和component

b:定义所需要的组件名，继承component,并指定render()方法，同时需要导出组件名

exp: class Hello extends React.Component { 

 render() { 

 return  }

}

导出方式：（有两种）

1：直接在定义的组件类前加export default

2:在组件的文件末尾添加export default 组件名

exp：  export default Hello；

二：es5方式

exp: var Hello =React.createClass({ 

 render() {   return }

})

导出组件：module.exports=Hello;

三：使用函数方式定义(没有状态，不能使用this方法）

exp：function Hello（Props）{

 return

}

导出组件（和es5方式相同）：module.exports=Hello;