Reactjs Jhipster根据用户角色动态添加按钮

我对使用react非常陌生，并且一直在努力根据当前用户分配的角色向列表中动态添加按钮

这个场景是我希望用户只查看一些数据，但是如果用户是“管理员”，那么他们可以更新和删除它。我想有没有按钮更新和删除，如果用户没有正确的角色

我尝试过的大多数解决方案都指向用户无法查看详细信息，因此我假设我错过了某个导入，但不确定该导入在哪里

<div className="btn-group flex-btn-group-container">
  <Button tag={Link} to={`${match.url}/${product.id}`} color="info" size="sm">
    <FontAwesomeIcon icon="eye" /> <span className="d-none d-md-inline">View</span>
  </Button>
  <Button
    tag={Link}
    to={`${match.url}/${product.id}/edit?page=${paginationState.activePage}&sort=${paginationState.sort},${paginationState.order}`}
    color="primary"
    size="sm"
  >
    <FontAwesomeIcon icon="pencil-alt" /> <span className="d-none d-md-inline">Edit</span>
  </Button>
  <Button
    tag={Link}
    to={`${match.url}/${product.id}/delete?page=${paginationState.activePage}&sort=${paginationState.sort},${paginationState.order}`}
    color="danger"
    size="sm"
  >
    <FontAwesomeIcon icon="trash" /> <span className="d-none d-md-inline">Delete</span>
  </Button>
</div>

看法
编辑
删除

---

这是我要隐藏/显示的代码。

我假设您有一种方法来检查该用户是否是类似于

isAdmin（user）

的管理员。如果是这种情况，您可以只执行

{isAdmin（用户）&&Admin Only按钮}

我假设您有一种方法来检查用户是否是类似于

isAdmin（用户）

的管理员。如果是这样的话，你可以只做

{isAdmin（user）&&Admin Only Button}

不，这就是我的问题所在，我有一个用于用户管理的reducer文件，但是无论我尝试导入什么，我在我的产品中都看不到任何用户信息。tsx文件你能给出一个Redux存储状态的示例吗？不，这是我的问题所在，我有一个用于用户管理的reducer文件，但无论我尝试导入什么，我都无法在我的product.tsx文件中看到任何用户信息。您能给出一个Redux商店状态的示例吗？