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>
    );
  }
}
阅读 969
评论
    1 个回答
    • 569

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

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

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

      相似问题
      推荐文章