next.js - 我无法渲染 nextjs

Question

我正在开发一个 nextjs 项目，但在通过 jsx 渲染元素时遇到问题。这是我的代码：

{
        this.state.projects.forEach((projects)=>{
          <Project name={projects.name} id={projects.id} url={`/projects/${projects.id}`} description={projects.description} ownerUsername={projects.author.username} ownerImage={projects.author.image}/>
        })
}

组件不渲染。

标签： next.jsrepl.it

Answer 1

您必须使用为您的用例返回一个数组Array.prototype.map

{
   this.state.projects.map((project)=> {
         return (<Project
                   key={project.id} // don't forget the key prop
                   name={project.name} 
                   id={project.id} 
                   url={`/projects/${project.id}`} 
                   description={project.description} 
                   ownerUsername={project.author.username} 
                   ownerImage={project.author.image}
                 />
            )
  }
}