react native是直接使用es6来编写代码，许多新语法能提高我们的工作效率

解构赋值

var { StyleSheet,Text,View} = React;

这句代码是ES6 中新增的解构(Destructuring)赋值语句。准许你获取对象的多个属性并且使用一条语句将它们赋给多个变量。

上面的代码等价于：

var StyleSheet = React.StyleSheet;var Text = React.Text;var View = React.View

再看几个例子，以前，为变量赋值，只能直接指定值:

var a = 1;var b = 2;var c = 3;

而ES6 允许这样写：

var [a, b, c] = [1, 2, 3];

更详细的内容可参看：变量的解构赋值

箭头函数

React Native 里面经常会出现类似的代码:

ES6中新增的箭头操作符=> 简化了函数的书写。操作符左边为输入的参数，而右边则是进行的操作以及返回的值Inputs=>outputs

举几个栗子感受下：

var array = [1, 2, 3];//传统写法array.forEach(function(v, i, a) { console.log(v);});//ES6array.forEach(v => console.log(v));var sum = (num1, num2) => { return num1 + num2; }//等同于：var sum = function(num1, num2) { return num1 + num2; };

更多详细内容请自行Google，或查看：https://ponent { render() { return ( <View></View> ) } }//等价于 var PropertyView = React.createClass({ render() { return ( <View></View> ) } })

方法定义(method definition)

ECMAScript 6中,引入了一种名叫方法定义(method definition)的新语法糖,相对于以前的完整写法,这种简写形式可以让你少写一个function键字.

React.createClass({ render() { return ( <View></View> ) } })//等价于 React.createClass({ render : function() { return ( <View></View> ) } })

以上是小编给大家分享的react native es6语法，希望大家喜欢。