react-native - react navigation 这段代码是什么意思?

问题描述

问 题

react-navigation 的官方示例,有这样一段代码,请问怎么理解

class ChatScreen extends React.Component {
  // Nav options can be defined as a function of the screen's props:
  //就是下面的代码,{ navigation } 以及  `Chat with ${navigation.state.params.user}` 是什么意思?
  static navigationOptions = ({ navigation }) => ({
    title: `Chat with ${navigation.state.params.user}`,
  });
  render() {
    // The screen's current route is passed in to `props.navigation.state`:
    const { params } = this.props.navigation.state;
    return (
      <View>
        <Text>Chat with {params.user}</Text>
      </View>
    );
  }
}

解决方案

第一个疑惑点，这是解构赋值，ES6新写法，这个说起来要点篇幅

第二个疑惑点，这是模板字符串，通过｀｀包裹字符串，然后在字符串中可以通过${}在其中直接写js变量，就会将变量值直接赋在字符串中

建议学react-native之前先学习ES6，推荐阮一峰的书《es6入门》

这篇关于react-native - react navigation 这段代码是什么意思?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！