function - 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);
    }}

标签： functionreact-nativeecmascript-6google-places-apionpress

Answer 1

null传递给函数参数的值是默认参数。

以下是箭头函数的工作原理。

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。

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