react折叠收起

const textOverflow = { textOverflow: 'ellipsis' };
    statesDom.push(<View style={styles.statusTitle}>
      <Text style={[styles.statusTitleText,titleStyle,textOverflow]}>
        {this.state.topStatusBarTip}</Text>
      <Touchable
        onPress={() => {
          console.log('测试数据测试数据1');
          this.setState({
            isstateDoms: true,});
        }}
      >
        <Text
          style={[styles.statusTitleText,subTitleStyle]}
        >{this.state.topStatusBarSubTip}</Text>
      </Touchable>
    </View>);

    const statesDom1 = []; // 顶部的状态栏
    statesDom1.push(<View style={styles.statusTitle1}>
      <Text style={[styles.statusTitleText,titleStyle]}>{this.state.topStatusBarTip}</Text>
      <Touchable
        onPress={() => {
          console.log('测试数据测试数据2');
          this.setState({
            isstateDoms: false,subTitleStyle]}
        >{this.state.topStatusBarSubTip}</Text>
      </Touchable>
    </View>);

{this. state. isstateDoms ? statesDom1 : statesDom }