javascript - Array.map 无法正常工作 Javascript ReactJs

Question

我已经过滤了 2 个具有管理员角色的用户数组。

  const user = users.filter((user : any) => user.role === "admin")

之后我映射它们，我想返回一对这些按钮

 {user.map((user : any) => {
       return  <div>
         <Link key={uuidv4()} to={`/profile/${user.id}`}>
           <button key={uuidv4()}>My Profile</button>
         </Link>
               <button onClick={() => {history.push('/adminPanel')}}>Admin Panel</button>
       </div>
    })}

但它返回的不是 1 对按钮，而是 2 对按钮。我得到它是因为我在数组中有 2 个项目。

我只想退回一对按钮，但我不知道使用哪种方法，请帮助

标签： javascriptreactjs