Question

这句话如何分配？

<div style="width:450px;">
  <div style="float:left; width:300px">
       <div style="height:120px; border:1px solid #ff00ff;">Testing Content</div>
       <div style="height:200px; border:1px solid #fff000;">Sample INformation</div>    
  </div>
 <div style="float:right; width:100px; height:320px; overflow:auto;">
   <p>items</p>
   <p>items</p>
   <p>items</p>
   <p>items</p>
   <p>items</p>
   <p>items</p>
   <p>items</p>
   <p>items</p>
   <p>items</p>
   <p>items</p>
  </div>
</div>

Answer 1

这是ECMAScript 6中的destructuring assignment。

var s = { a: 1, b: 2 }
var { a, b } = s;

会将1分配给a，将2分配给b。

据推测，React是一个具有属性AppRegistry，View等的对象，它们的值被分配给具有相同名称的变量。

在此答案出现时，此语法尚未广泛提供。

Answer 2

Amadan表示，这是ES6的一项新功能。 ES6即将发布，所有现代浏览器最终都会支持它。许多项目使用Babel和webpack将代码编译到ES5 synatax，以便可以在任何浏览器上使用。

React native有自己的转换，支持ES6的一部分：

https://facebook.github.io/react-native/docs/javascript-environment.html#content

如果您使用的是打包机，那么您不需要Babel和webpack。在未来的版本中，facebook也可以使用Babel。

这在React Native中意味着什么？

2 个答案: