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 的工作原理如下。

一个空的功能块看起来像这样 -
```
() => {}  
```
相当于 -
```
function () {}
```

如果加上参数，看起来像-

(param1, param2) => {}

相当于

function(param1, param2) {}

并且使用默认参数，它看起来像 -
```
(param1, param2 = 2) => { return param1 + param 2}
```
相当于
```
function(param1, param2 = 2){
 return param1 + param2;
}
```
可以使用 1 或 2 个参数调用此函数。如果是单参数制作，上面例子中param2的值默认取2。

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

React Native /ECMAScript 6 语法

React Native /ECMAScript 6 Syntax

function

google-places-api

ecmascript-6

react-native

onpress