我正在开发一个以Firebase为后端的React应用程序。获取Firestore文档和用户UID的ID时遇到问题。
我的课堂内容如下:
render() {
const { user } = this.props;
return (
<div>
<p>{ user.name }</p>
<p>{ user.age }</p>
<p>{ user.uid }</p>
</div>
上面的代码同时显示了年龄和名称,但将uid显示为未定义。在mapStateToProps中定义ID后,我也尝试使用user.id,但仍然无法正常工作。我无法访问用户ID和Firestore文档。它们都显示“未定义”
我的mapStateToProps是:
const mapStateToProps = (state, ownProps) => {
const id = ownProps.match.params.id;
const users = state.firestore.data.users;
const user = users ? users[id] : null
return {
user: user
}
}
我的写作方式如下:
export default compose(
connect(mapStateToProps),
firestoreConnect([
{ collection: 'users' }
])
)(ComponentName);
有人知道问题出在哪里吗?非常感谢您的帮助。