一：模塊導入導出

//ES6 import React, { Component,PropTypes, } from 'react'; import {Image,Text } from 'react-native'

導出單個類：

//ES6 export default class MyComponent extends Component{... }

?

二：定義組件：繼承React.Component

//ES6 class Photo extends React.Component {render() {return (<Image source={this.props.source} /> );} }

組件內的方法定義：給組件定義方法不再用?名字: function()的寫法，而是直接用 ?名字()，在方法的最后也不用再寫逗號。

組件內屬性類型與默認屬性值定義：使用static成員來實現：

class Video extends React.Component {static propTypes = {//屬性聲明 autoPlay: React.PropTypes.bool.isRequired,maxLoops: React.PropTypes.number.isRequired,posterFrameSrc: React.PropTypes.string.isRequired,videoSrc: React.PropTypes.string.isRequired,}; // 注意這里有分號static defaultProps = {//設置屬性默認值autoPlay: false,maxLoops: 10,}; // 注意這里有分號//方法定義 render() {return (<View /> );} // 注意這里既沒有分號也沒有逗號 }

?

三：箭頭函數

箭頭函數實際上是在這里定義了一個臨時的函數，箭頭函數的箭頭=>之前是一個空括號、單個的參數名、或用括號括起的多個參數名，而箭頭之后可以是一個表達式（作為函數的返回值），或者是用花括號括起的函數體（需要自行通過return來返回值，否則返回的是undefined）。

?

四：解構賦值

為數組操作、多值傳遞提供便利。

?

總結

以上是生活随笔為你收集整理的React Native中常用ES6语法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。