Reactjs onClick无法正常工作

因此，我创建了一个函数，它将向db发送一个查询，以检查此人是否是管理员，如果是，则应打开管理员页面，如果不是，则仅显示一条简单的欢迎消息。我遇到的问题是，当我将onClick设置到应该重定向的同一个按钮上时，将不会呈现任何内容，如果我删除onClick，无论设置的人员是否是管理员，它都会显示出来。我需要帮助，以找出最好的方式让这个工作，或最好的方式来检查，如果这个人是一个管理员之前，呈现的领域，以改变用户等。这里的检查我已经写了出来，连同它的功能

          <Link to="/">
            <button type="button" className="thecartbtn" onClick={getAdmin} >
              Main
            </button>
          </Link>


async function getAdmin(event) {
  event.preventDefault()
  const username = localStorage.getItem("user") 
  const response = await getAdminInfo(username)
  const resp = response.data.name
  console.log(resp)
  resp.forEach(function(item) {
  for (const [key, value] of Object.entries(item)) {
    setMain(`${value}`);
  }
})
console.log(main)
}

主要
异步函数getAdmin（事件）{
event.preventDefault（）
const username=localStorage.getItem（“用户”）
const response=等待getAdminInfo（用户名）
const resp=response.data.name
控制台日志（resp）
负责人（职能（项目）{
for（对象项（项）的常量[键，值]）{
setMain（`${value}`）；
}
})
控制台日志（主）
}

将getAdmin函数放入useEffect和viola中，问题已解决。

什么是response.data.name？是字符串、数组吗？我最后回答了我自己的问题，但请接受我的支持，因为我的帮助和回应！