Reactjs Firestore NextJS

我对firestore和Next.JS有问题。我想要一份y firetsore文件的ul和li标签清单

我已经安装了firestore，我的文档由控制台日志读取，如图所示

但正如您在同一张图片中看到的，我的网页上没有显示任何内容

这是我的页面代码：

从“React”导入React；
从“../../src/firebase/index”导入{firebase，db}；
类Discoverd扩展了React.Component{
建造师（道具）{
超级（道具）；
this.ref=数据库集合（“内容”）；
this.unsubscribe=null；
此.state={
目录：[]
}
};
componentDidMount（）{
this.unsubscribe=this.ref.onSnapshot（this.onCollectionUpdate）；
}
onCollectionUpdate=（querySnapshot）=>{
常量内容=[]；
querySnapshot.forEach（（doc）=>{
常量{Category，Name，Description}=doc.data（）；
内容推送({
关键字：doc.id，
博士，
类别
名称
描述
});
})
控制台日志（内容）；
this.setState=({
目录
});
}
render（）{
返回(

{this.state.contents.map（content=>

{content.Name}

)}

)
}
}
导出默认discord；

我不知道问题在哪里，如何解决，请帮助我

---

非常感谢。

您错误地更改了状态

尝试执行此操作。setState（{contents}），而不是此.setState=