1、通过ES6的方式进行创建
/*
*
* 方式一:通过ES6的方式进行创建
* 自定义组件名称并且继承react-native中Component
加入export default 关键字主要是为了将该组件导出
推荐使用该种方式进行创建
* */
export default class CreatComponents extends Component {
/*
* 重写render函数,render函数返回的是该组件所要渲染的UI界面
* */
render() {
return我是CreatComponents组件
}
}
2、通过ES5的方式进行创建
/*
* 方式二:通过ES5的方式进行创建
* */
var CreatComponents = React.createClass({
/*
* 重写render函数,render函数返回的是该组件所要渲染的UI界面
* */
render() {
return我是CreatComponents组件
}
})
//表示将该组件导出
module.exports = CreatComponents;
3、通过函数式实现将组建导出
/*
* 方式三:通过函数式实现将组建导出
* */
function CreatComponents() {
return我是CreatComponents组件
}
module.exports = CreatComponents;