从 App class 传递道具到 const function 反应 Typescript

Question

我正在尝试使用 Expo 创建一个 React Native 应用程序。 我将道具从 App class 传递到我的组件“导航器”类型 const function 时出现逻辑错误。 我不确定我必须如何传递道具或者我必须如何在不从 App 传递的情况下访问它们：

应用程序.tsx

import React, {useState} from 'react';
import { NavigationContainer, StackActions } from '@react-navigation/native';
import Navigator from './Components/Navigator';

export default class App extends React.Component {
  render(){
   return (
     <NavigationContainer>
       <Navigator props={this.props}/>
     </NavigationContainer>
   );
  }
}

导航器.tsx

import React from 'react'
import { createStackNavigator } from '@react-navigation/stack'
import Login from '../Views/Login'
import Home from '../Views/Home'

const Stack = createStackNavigator();

function Navigator({props}){
  return (
           <Stack.Navigator>
              <Stack.Screen name="Login" options={{title:'Login.'}}>
                {(props) => <Login {...props} />}
              </Stack.Screen>
              <Stack.Screen name="Home" component={Home} options={{title:'Home.'}}/>
           </Stack.Navigator>
  );
}

export default Navigator;

我有错误 undefined is not an object（道具）

Answer 1

发生这种情况是因为您正在进行解构

然后当你调用 props 就像在做props.props

function Navigator(props){// remove {  } from this line