#javascript #reactjs #firebase
#javascript #reactjs #firebase
Вопрос:
У меня есть данные, возвращаемые из моего запроса firebase, но я не могу понять, как отобразить их на экране. взгляните на этот код:
firestore.collection('profiledata').doc(userID).get().then(doc => console.log(doc.data()))}
render(){
return(
<div className='profile'>
<h1>User</h1>
{
this.state.profiledata amp;amp;
this.state.profiledata.map( profiledata => {
return(
<div>
<p>
First Name
Last Name
Company Name
</p>
</div>
)
})
}
</div>
)
}
там, где указано имя, фамилия, название компании, мне нужно вывести данные пользователя, которые я возвращаю из строки firestore.collection('profiledata').doc(userID).get().then(doc => console.log(doc.data()))}
в моей консоли, она возвращает именно это:
{
"lastname": "x",
"firstname": "x",
"companyname": "x"
}
как мне вывести это на экран? спасибо 🙂
Ответ №1:
Вам просто нужно установить данные в вашем состоянии.
firestore.collection('profiledata').doc(userID).get().then(doc => this.setState({ profiledata: doc.data() }))}
и там, где вы сопоставляете данные, вы просто выводите значения
return (
<div>
<p>First Name: ${profiledata.firstname}</p>
<p>Last Name: ${profiledata.lastname}</p>
<p>Company Name: ${profiledata.companyname}</p>
</div>
)