Jhipster React comment masquer l'élément en fonction du rôle de l'utilisateur
Ides Toko
J'utilise JHipster 5.0.1 et React. J'ai trois boutons Afficher, Modifier, Supprimer. Je veux que le bouton Supprimer ne soit disponible que si l'utilisateur est Admin.
Voici mon code source. Merci pour l'aide.
<td className="text-right">
<div className="btn-group flex-btn-group-container">
<Button tag={Link} to={`${match.url}/${kategori.id}`} color="info" size="sm">
<FontAwesomeIcon icon="eye" />{' '}
<span className="d-none d-md-inline">
<Translate contentKey="entity.action.view">View</Translate>
</span>
</Button>
<Button tag={Link} to={`${match.url}/${kategori.id}/edit`} color="primary" size="sm">
<FontAwesomeIcon icon="pencil-alt" />{' '}
<span className="d-none d-md-inline">
<Translate contentKey="entity.action.edit">Edit</Translate>
</span>
</Button>
<Button tag={Link} to={`${match.url}/${kategori.id}/delete`} color="danger" size="sm">
<FontAwesomeIcon icon="trash" />{' '}
<span className="d-none d-md-inline">
<Translate contentKey="entity.action.delete">Delete</Translate>
</span>
</Button>
</div>
</td>
Alexandre GC
La fonction de réduction qui gère la connexion définit également une isAdmin
propriété en magasin. Il y a un exemple d'utilisation de cette prop dans les fichiers générés.
Jetez un œil à src/main/webapp/app/app.tsx
pour voir comment obtenir l'accessoire du magasin et src/main/webapp/app/shared/layout/header/header.tsx
pour voir comment utiliser cet accessoire.