React Native中创建组件的三种方式（5）

1、通过ES6的方式进行创建

/*
*
* 方式一：通过ES6的方式进行创建
* 自定义组件名称并且继承react-native中Component
加入export default 关键字主要是为了将该组件导出
推荐使用该种方式进行创建
* */
export default class CreatComponents extends Component {
    /*
    * 重写render函数，render函数返回的是该组件所要渲染的UI界面
    * */
    render() {
        return <Text>我是CreatComponents组件</Text>
    }
}

 

2、通过ES5的方式进行创建

/*
* 方式二：通过ES5的方式进行创建
* */
var CreatComponents = React.createClass({
    /*
  * 重写render函数，render函数返回的是该组件所要渲染的UI界面
  * */
    render() {
        return <Text>我是CreatComponents组件</Text>
    }
})
//表示将该组件导出
module.exports = CreatComponents;

 

3、通过函数式实现将组建导出

/*
* 方式三：通过函数式实现将组建导出
* */
function CreatComponents() {
    return <Text>我是CreatComponents组件</Text>
}
module.exports = CreatComponents;