RN es6语法

2017-03-03  本文已影响112人  Ash_Gao

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 ();    } // 注意这里既没有分号也没有逗号}

上一篇下一篇

猜你喜欢

热点阅读