Компонент базы данных React + FirebaseDidMount и моментальный снимок не работают

Question

Я пытаюсь запустить .on ('значение'), чтобы получить данные, но что-то работает неправильно. «Установленные» журналы в порядке, но «тест» - нет. Может кто-нибудь объяснить, что я, вероятно, неправильно понимаю? Кроме того, я хотел бы обновить состояние, как показано в закомментированном коде.

Спасибо за вашу помощь!

    import React, { Component } from 'react'
import './Creature.css'
import Emblem from '../../../img/emblem_macabre.png'
import Macabre from '../../../img/macabre.jpg'
import * as firebase from 'firebase';

class Creature extends Component {

  constructor() {
    super()
    this.state = {
      name: '',
      cultId: ''
    }
  }

  componentDidMount() {
    console.log('mounted')
    const creatureCards = firebase.database().ref().child('creatureCards')
    console.log(creatureCards)
    creatureCards.on('value', snap => {
      console.log('test')
    })

      // var name = snap.child('name').getValue()
      // var cultId = snap.child('cultId').getValue()

      // this.setState({
      //   name: name,
      //   cultId: cultId
      // })
    }

  render() {
    return(
      <div className="creatureCard">
        <span className="creatureName">{this.state.name}</span>
        <span className="creatureArt"><img src={Macabre} alt=""/></span>
        <ul className="creatureAttributes">
          <li className="creatureAttribute">R</li>
          <li className="creatureAttribute">D</li>
          <li className="creatureAttribute">I</li>
          <li className="creatureAttribute">H</li>
        </ul>
        <span className="creatureDescription">
          <p>Card descriptions and abilities. This section defines the card and its roll in the game.</p>
        </span>
        <div className="emblem">
          <img src={Emblem} alt=""/>
        </div>
      </div>
    )
  }
}

export default Creature

Answer 1

Проблема заключалась в том, что в какой-то момент я переключился на пожарный магазин, но все еще делал звонки в базу данных.