类型错误：_This.props 未定义

Question

我是 React Native 的新手，请帮助我解决这个问题：TypeError: _props.goToScreen is not a function，请帮我提前谢谢

Profile.js 我想点击 GotoHome 按钮并转到另一个页面



export default class Profile extends Component {
 _GotoHome = () => {
   this.props.goToScreen('UploadProduct');
 };

 render() {
   return (

         <ListItem icon>
           <Left>
             <Text>List All Uploaded Product</Text>
           </Left>
           <Body />
           <Right>
             <Icon
               active
               name="angle-right"
               type="FontAwesome"
               onPress={() => this._GotoHome()}
             />
           </Right>
         </ListItem>



   );
 }
}

这是我在个人资料页面 Navigation\\index.js 中的导航

import {createDrawerNavigator, createAppContainer} from 'react-navigation';

import {createStackNavigator} from 'react-navigation-stack';
import {createBottomTabNavigator} from 'react-navigation-tabs';

import UploadProductScreen from './UploadProductScreen';

const ProfileStackNavigator = createStackNavigator(
  {
    Profile: {
      screen: ProfileScreen,
    },
    UploadProduct: {
      screen: UploadProductScreen,
    },
  },
  {headerMode: 'none'},
);





export default createAppContainer(ProfileStackNavigator );

这里是我的 uploadProductScreen 页面

import {UploadProduct} from '@container';

class UploadProductScreen extends Component {
  render() {
    const {navigate} = this.props.navigation;
    return (
      <UploadProduct
        navigation={this.props.navigation}
        goToScreen={(screen, EventId) => navigate(screen, {ItemId: EventId})}
      />
    );
  }
}
export default UploadProductScreen;

Answer 1

在 Profie 组件中定义构造函数以使用 props。

constructor(props) {
    super(props);
 }

我也使用这样的东西来导航到另一个屏幕。

this.props.navigation.navigate("UploadProduct");   // here UploadProduct is the key yo have defined in stack navigator

类型错误：_This.props 未定义

问题描述

1 个解决方案

解决方案1
0 2020-02-10 06:39:06

类型错误：_This.props 未定义

问题描述

1 个解决方案

解决方案1 0 2020-02-10 06:39:06

解决方案1
0 2020-02-10 06:39:06