以定義名為Hello的組件為例：

一：es6方式

a:從react 包中導(dǎo)入react和component

b:定義所需要的組件名，繼承component,并指定render()方法，同時(shí)需要導(dǎo)出組件名

exp: class Hello extends React.Component {?

?render() {?

?return? }

}

導(dǎo)出方式：（有兩種）

1：直接在定義的組件類前加export default

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

exp：? export default Hello；

二：es5方式

exp: var Hello =React.createClass({?

?render() {? ?return }

})

導(dǎo)出組件：module.exports=Hello;

三：使用函數(shù)方式定義(沒有狀態(tài)，不能使用this方法）

exp：function Hello（Props）{

?return

}

導(dǎo)出組件（和es5方式相同）：module.exports=Hello;