Извлечение значений из базы данных Firebase и рендеринг в React-Native-Chart-Kit

Question

Я пытаюсь получить значения из моей базы данных Firebase в реальном времени и сохранить их в разделе данных базового набора cact-native-chart-kit. Я могу вывести значения, но каждый раз, когда я пытаюсь вставить данные в параметр данных диаграммы, я получаю сообщение об ошибке.

Я пытался установить параметр данных равным моему массиву значений, Я также пытался передать только одно значение за раз (как видно по переменной '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

У меня тоже была эта проблема. Чтобы избавиться от этой ошибки, я установил состояние 0 для всех данных из базы данных, например:

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

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