Извлечение данных пользователя из Firebase

Question

Я не могу понять, что я делаю неправильно. Имя пользователя в Firebase не восстанавливается и не обновляется.

Это мой HTML:

<div class="header"> 
<div class="userPanel"> 
    <div class="pic"></div> 
    <div class="welcome"><span>Welcome</span><h1 class="name" id="firstname">John</h1></div> 
</div> 
<div class="title"></div> 

JS код:

firebase.auth().onAuthStateChanged((user) => { 
if (user) { 
console.log(user.uid); 

var userRef = firebase.database().ref().child('Users') 
var uid = user.uid; 
var firstname = document.getElementById('firstname'); 

firebase.database().ref('Users/' + uid).on('value', function(snapshot){ 

    var firstname.innerHTML = snapshot.val().Firstname; 

}); 

Answer 1

кажется UID в скриншоте вашей базы данных Firebase undefined. Я предполагаю, что user.uid вы console.log не undefined. Что выводится на консоль?

Также вынуть var в var firstname.innerHTML. Вы не объявляете новую переменную под названием firstname.innerHTML.