我无法渲染 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}/>
        })
}

组件无法渲染

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}
                 />
            )
  }
}