如何在React Native中访问其他类的状态?

时间:2018-07-17 03:51:16

标签: reactjs react-native react-native-android react-native-pages

我想将MainActivity类中声明的状态访问到Hamburgicon类。可以在同一类中访问mainactivity类的状态,请告诉我如何访问其他类或整个项目的状态。

1 个答案:

答案 0 :(得分:2)

您可以将状态作为道具从MainActivity发送到其他类或功能组件。 以您的情况为例:

HamburgerIcon = (props) => {
   return (
     <View style={{flexDirection: 'row'}}>
       <TouchableOpacity 
         onPress={this.toggleDrawer.bind(this)} 
       >
         <Text>{props.item}</Text>
       </TouchableOpacity>
     </View>
   );
}

class MainActivity extends Component {
  constructor(props) {
    super(props);
    this.state = {
        a: 'ABCD'
    };
  }

  render()
  {
    return(
      <View style = { styles.MainContainer }>
        <Text> this.state.a </Text>
        <HamburgerIcon item={this.state.a}/>    
      </View>
      );
   }
}