求解const { navigate } = this.props.navigation中{navigate}这种语法是什么含义

Question

在使用react-native的StackNavigator组件的时候，在其他页面获取navigation的对象是这样的：

const { navigate } = this.props.navigation;
这个语句中{navigate}这种语法是什么意思

Answer 1

const { navigate } = this.props.navigation
// =>
const { navigate: navigate } = this.props.navigation
// =>
const navigate = this.props.navigation.navigate

es6 语法糖，单个变量声明体现不出优势，多个变量可以少写一些代码。

Answer 2

看看这个先吧

Answer 3

es6 的解构赋值