React Native：如何将状态从一个组件导出到另一个组件？

Question

所以我有这个：

class Selection extends React.Component {

state = {
    role1: true,
    role2: false
}
...

我想导出到 file2 看起来像：

class SignUpAdrress extends React.Component {

handlePress = () => {
        if(role1){ // <- Here's where I want it
            this.props.navigation.replace('SignupPayment')
        }else{
            this.props.navigation.replace('Login')
        }
};
...

如果这些组件不是父子组件，我该怎么做？ 我试过使用 React 上下文，其中包含以下内容：

文件 1

export let isRole1 = React.createContext({
   Role1: true,
   Role2: false
})

class Selection extends React.Component {

state = {
    Role1: true,
    Role2: false
}

档案 2

import {isRole1} from './File1';

class SignUpAdrress extends React.Component {

handlePress = () => {
    <isRole1.consumer>
        if(role1){ 
            this.props.navigation.replace('SignupPayment')
        }else{
            this.props.navigation.replace('Login')
        }
    </isRole1.consumer>
};