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

Question

我正在尝试从我的Firebase实时数据库中提取值，并将它们存储在一个基本的react-native-chart-kit的数据部分中。我可以下拉这些值，但每次尝试将数据插入图表的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,
        };
    };