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

版权声明：1.版权归原作者Moment ° 回忆 ✨所有； 2.未经原作者允许不得转载本文内容，否则将视为侵权； 3.转载或者引用本文内容请注明来源及原作者； 4.对于不遵守此声明或者其他违法使用本文内容者，本人依法保留追究权等。 https://blog.csdn.net/qq_35366269/article/details/86665984

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;