jira项目笔记9-封装table得一个组件(不用ant之前

简介: jira项目笔记9-封装table得一个组件(不用ant之前
const SearchList = ({ lists, users }) =>
{
  return (
    <table>
      <thead>
        <tr>
          <th>项目</th>
          <th>负责人</th>
        </tr>
      </thead>
      <tbody>
        {
          lists.map(project =>
            <tr>
              <td>{project.name}</td>
              <td>{users.find(user => user.id === project.personId)?.name}</td>
            </tr>
          )
        }
      </tbody>
    </table>
  )
}
export default SearchList
相关文章
|
7月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的设计项目管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的设计项目管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
|
7月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的多角色学生管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的多角色学生管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的多角色学生管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
|
7月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的框架仓库系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的框架仓库系统的详细设计和实现(源码+lw+部署文档+讲解等)
|
7月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue的知识管理系统的设计与实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue的知识管理系统的设计与实现(源码+lw+部署文档+讲解等)
jira项目笔记21-ant design table有tableProps属性
jira项目笔记21-ant design table有tableProps属性
148 0
|
JavaScript
【Ant Design Vue V3版本填坑记录二】Table 组件 column.customRender 报错
【Ant Design Vue V3版本填坑记录二】Table 组件 column.customRender 报错
440 0
|
前端开发 JavaScript
前端hook项目pc总结笔记-ant design table多选
前端hook项目pc总结笔记-ant design table多选
152 0
前端hook项目pc总结笔记-ant design table多选
jira学习案例30-安装和使用ant库2
jira学习案例30-安装和使用ant库2
88 0
jira学习案例30-安装和使用ant库2
jira学习案例29-安装和使用ant库1
jira学习案例29-安装和使用ant库1
81 0
jira学习案例29-安装和使用ant库1
|
前端开发
前端项目实战165-ant design table rowSelection属性
前端项目实战165-ant design table rowSelection属性
127 0
前端项目实战165-ant design table rowSelection属性