从Firebase数据库中提取值并在React-Native-Chart-Kit中渲染

Question

我正在尝试从Firebase实时数据库中提取值，并将其存储在基本react-native-chart-kit的data部分中。我可以拉低值，但是每次尝试将数据插入图表的data参数时，都会出现错误。

[我尝试将data参数设置为等于我的值数组，我也曾尝试一次只传入一个值（如变量'single'所见，但每次传入错误。

这是我为下面显示的代码得到的错误。任何帮助将不胜感激

componentDidMount() {
    itemsRef.on('value', snapshot => {
      let data = snapshot.val();
      let items = Object.values(data);
      this.setState({ items: items });

      var i = 0;
      var total = [];
      for (i = 0; i < items.length; i++)
      {
        parseInt(items[i].name)
        total[i] = ''
        total[i] += items[i].name
      }

      this.setState({total})

      return total;
    });
  }

  render() {

    array = []
    array = this.state.total
    single = array[0]

    console.log(single)

    return (

      <React.Fragment>
      <View>

    <Text>Bezier Line Chart + {this.state.total}</Text>
  <LineChart
    data={{
      labels: ['January', 'February', 'March', 'April', 'May', 'June'],
      datasets: [
        {
          data: this.state.total,
        },
      ],
    }}

Answer 1

我也有这个问题。为了消除此错误，我将Firebase中的每个数据的状态设置为0，例如：

    class MyComponent extends Component {
    constructor(props) {
        super(props);

        this.state = {
            total: 0,
            isLoading: false,
        };
    };