React Native /ECMAScript 6 语法

Question

我找不到关于 ECMAScript 6 语法分解的优秀文档。短手很棒，但有时很难阅读。谁能帮我分解一下 onPress 功能？或者给我指出一些很好的语法分解文档？

我的理解是：onPress 我们将运行一个函数，该函数接收数据和 null 的参数，我们将在得到响应后将其打印出来。数据和详细信息是来自 google api 的响应，因此我必须假设我们实际上并未将详细信息设置为空。我只是不明白函数语法。

<GooglePlacesAutocomplete
    placeholder='Search'
    minLength={2} // minimum length of text to search
    fetchDetails={true}
    onPress={(data, details = null) => { // 'details' is provided when fetchDetails = true
        console.log(data, details);
    }}

Answer 1

传递给函数参数的null 值是a default parameter。

arrow functions 的工作原理如下。

1. 一个空的功能块看起来像这样 -

   () => {}  
   

   相当于 -

   function () {}
   

2. 如果添加参数，它看起来像 -

   (param1, param2) => {}
   

   相当于

   function(param1, param2) {}
   

3. 并且使用默认参数，它看起来像 -

   (param1, param2 = 2) => { return param1 + param 2}
   

   相当于

   function(param1, param2 = 2){
    return param1 + param2;
   }
   

   可以使用 1 个或 2 个参数调用此函数。如果使用单个参数，则默认取上例中param2的值为2。

因此，在您的情况下，如果 onPress 事件的详细信息中没有任何内容，则将值设置为 null 作为默认参数。