如何将函数式写法改为class写法？

Question

这种写法如果改为class的写法：

const HomeScreen = ({ navigation }) => (
  <View>
    <Text>Home Screen</Text>
    <Button
      onPress={() => navigation.navigate('Mine')}
      title="Go to Mine"
    />
  </View>
);
export default HomeScreen;

以下的写法会报错 未定义 navigation，如何处理？ 求助

export default class HomeScreen extends Component {
  render() {
    return (
      <View>
        <Text>HomeScreen</Text>
        <Button title='Go to minepage'
           onPress={() => navigation.navigate('Mine')}
         />
      </View>
    )
  }
}

Answer 1

export default class HomeScreen extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    return
      <Text>Home Screen</Text>
      <Button title='Go to minepage'
          onPress={() => this.props.navigation.navigate('Mine')}
          title='Go to Detail'/>
    </View>;
  }
}