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

flash866
  • 24

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>
    );
  }
}
回复
阅读 1.6k
1 个回答
✓ 已被采纳

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏