获取数据火力地堡和写文本反应本机

时间:2019-10-12 11:44:09

标签: react-native

我想从Firebase数据库中提取数据并将其打印为文本,但是我无法提取数据。我无法将任何数据打印到文本。我的问题在哪里? 我无法打印已提取到文本的数据,也无法提取数据。我在照片中添加了Firebase数据表。 enter image description here

class App extends Component {

  state = {
    items: []
  };

     db.ref('/TBL_SIPARISLER/AD/0/').on('value', snapshot => {
      let data = snapshot.val();
      let items = Object.values(data);
      this.setState({ items });
    });
render() {
    return (  <View style={stylesNew.container}>
        {this.state.items.length > 0 ? (
          <ItemComponent items={this.state.items} />
        ) : (
          <Text>No items</Text>
        )}
      </View>
}

İTEMSCOMPENENT.JS

import React, { Component } from 'react';
import { View, Text, StyleSheet } from 'react-native';
import PropTypes from 'prop-types';

export default class ItemComponent extends Component {
  static propTypes = {
    items: PropTypes.array.isRequired
  };

  render() {
    return (
      <View style={styles.itemsList}>
        {this.props.items.map((item, index) => {
          return (
            <View key={index}>
              <Text style={styles.itemtext}>{item.name}</Text>
            </View>
          );
        })}
      </View>
    );
  }
}

const styles = StyleSheet.create({
  itemsList: {
    flex: 1,
    flexDirection: 'column',
    justifyContent: 'space-around'
  },
  itemtext: {
    fontSize: 24,
    fontWeight: 'bold',
    textAlign: 'center'
  }
});

0 个答案:

没有答案