Блог

Я пытаюсь отобразить некоторые данные в выпадающее меню, однако при расширении оно не отображает никаких данных. Но отображение данных в консоль работает.

Может ли быть проблемой, что данные извлекаются из базы данных на componentDidMount? Я заметил, что при загрузке страницы массив сначала регистрируется в консоли как пустой, а в следующую секунду в нем есть данные. У кого-нибудь есть какие-либо предложения о том, как это исправить?

Отображение в выпадающей кнопке:

 <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    {console.log(this.state.devicenames)}
  {this.state.devicenames.map((number) => ( 
                        <a class="dropdown-item" href="#" >{number}</a>
                        ))}
  </div>
 

Получение данных из базы данных с помощью componentDidMout:

 componentDidMount() {
    const uid = this.state.user.uid;
        const serialRef = db.ref(uid   '/serials');
        serialRef.on('value', (serial_numbers) => {
          const serials = [];
          const devicename = [];
          serial_numbers.forEach((serial_number) => {
            const za = serial_number.val();
            const ta = za.serial;
            const nameRef = db.ref(ta   '/devicename');
        nameRef.on('value', (dname)=> {
          devicename.push(dname.val());
        })
      })
      this.setState({devicenames: devicename})
    })
}
 

Заранее спасибо!