React Native 中的 ES6 特性

Question

我在哪里可以找到可以在 React Native 中使用的 ES6 功能列表？

例如Object.assign().

Answer 1

这取决于 JSX 做了什么（参见 this table). You can use Babel for more ES6 feature, this post 可能有帮助。

[编辑] 根据这个 official doc，完全支持 table 在这里：

ES5

// Reserved Words: 
promise.catch(function() { });

ES6

// Arrow function: 
<C onPress={() => this.setState({pressed: true})}

// Call spread: 
Math.max(...array);

// Class: 
class C extends React.Component { render() { return <View />; }

// Destructuring: 
var {isActive, style} = this.props;

// Iteration: 
for (var element of array) { }

// Computed Properties: 
var key = 'abc'; var obj = {[key]: 10};

// Object Consise Method: 
var obj = { method() { return 10; } };

// Object Short Notation: 
var name = 'vjeux'; var obj = { name };

// Rest Params: 
function(type, ...args) { }

// Template: 
var who = 'world'; var str = `Hello ${who}`;

ES7

// Object Spread: 
var extended = { ...obj, a: 10 };

// Function Trailing Comma: 
function f(a, b, c,) { }

Answer 2

React Native 正在使用 Babel 转译器 - 它启用的所有功能都是 Babel Core，加上 /packager/transformer.js.

中列入白名单的所有功能

React Native 中的 ES6 特性

ES6 features in React Native

reactjs

react-native

ES5

ES6

ES7