美文网首页
RN es6语法

RN es6语法

作者: Ash_Gao | 来源:发表于2017-03-03 09:44 被阅读112次

    import写法 

    import React, {

    Component,

    PropTypes,

    } from 'react';

    import {

    Image,

    Text

    } from 'react-native'

    要导出一个类给别的模块用 

    export default class MyComponent extends Component{

    }

    引用的时候

    import MyComponent from './MyComponent';

    定义一个继承自React.Component的class来定义一个组件类

    class Photo extends React.Component { 

      render() {        return ( 《Image source={this.props.source}/>”);    }}

    定义组件的属性类型和默认属性

    class Video extends React.Component {   

     static defaultProps = {        autoPlay: false,        maxLoops: 10,    };  // 注意这里有分号    static propTypes = {        autoPlay: React.PropTypes.bool.isRequired,        maxLoops: React.PropTypes.number.isRequired,        posterFrameSrc: React.PropTypes.string.isRequired,        videoSrc: React.PropTypes.string.isRequired,    };  // 注意这里有分号    render() {        return ();    } // 注意这里既没有分号也没有逗号}

    相关文章

      网友评论

          本文标题:RN es6语法

          本文链接:https://www.haomeiwen.com/subject/ucelgttx.html