reactjs - 类组件内的导航不起作用

Question

在使用类组件时我不能使用导航它告诉无效的钩子(Hook)。如何在类组件中使用导航？

这就是我想要实现的，类组件内的导航选项。实际上我是新手。有人可以帮助我吗？

import React, { Component } from 'react';

import { Text ,View ,TouchableOpacity } from 'react-native';

import { useNavigation } from '@react-navigation/native';



class Mpin extends Component {

    const navigation= useNavigation();

  render() {

    return (

      <Text>....</Text>

      <TouchableOpacity onPress={()=>navigation.navigate('LoginPage')}>

          <Text>SetMPIN</Text>

      </TouchableOpacity>

    );

  }

}



export default Mpin;

Answer 1

你不能在类组件中使用钩子(Hook)。在类组件中，您可以直接从 props 访问导航对象。

this.props.navigation.navigate('LoginPage')