如何将状态从一个组件传递到另一个组件，这些组件是由react本机中的stacknavigator连接的？

import React from 'react';
import { View, Button } from 'react-native';

class ComponentA extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      status: 'Hello World'
    };
  }

  render() {
    return (
      <View>
        <Button
          title="Go to Component B"
          onPress={() => this.props.navigation.navigate('ComponentB', { status: this.state.status })}
        />
      </View>
    );
  }
}

export default ComponentA;

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

class ComponentB extends React.Component {
  render() {
    const { navigation } = this.props;
    const status = navigation.getParam('status', 'Default Status');

    return (
      <View>
        <Text>{status}</Text>
      </View>
    );
  }
}

export default ComponentB;