我无法渲染 nextjs

【问题标题】：I can't render nextjs我无法渲染 nextjs
【发布时间】：2020-06-04 02:55:22
【问题描述】：

我正在开发一个 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.js repl.it

【解决方案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}
                 />
            )
  }
}

【讨论】：

我很高兴它有帮助。