无法访问路由参数（功能组件）

Question

我正在尝试将用户名从注册 1 传递给注册 2：

handleSignUp = () => {
      console.log(this.state.username) <------------- This logs correctly 

      try {
        this.props.navigation.navigate('Signup2', {
          username: this.state.username, <------------- Passing here
        });
      } catch (error) {
        console.log(error);
      }
    }

这是来自 Signup2 的代码：

const Signup2 = (props, route, navigation) => {

  const { username } = route.params; <----------- Trying to access it here

我收到以下错误：

undefined is not an object (evaluating 'route.params.username')

我也试过这个：

const { username } = props.route.params

两者都不起作用。

如何访问路由参数？

Answer 1

如果您想按预期访问它们，我认为您需要解构您的路线和导航属性。

你可以去：

const Signup2 = ({route, navigation}) => {
   const { username } = route.params
}

或许：

const Signup2 = (props) => {
   const { username } = props.route.params
}