美文网首页
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