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

Question

我对使用 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>

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

Answer 1

我假设您有一种方法可以检查用户是否是像 isAdmin(user) 这样的管理员。如果是这种情况，你可以这样做{ isAdmin(user) && <button>Admin Only Button</button> }