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 isAdminproprié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.tsxpour voir comment obtenir l'accessoire du magasin et src/main/webapp/app/shared/layout/header/header.tsxpour voir comment utiliser cet accessoire.

Articles connexes


Masquer l'élément dans React en fonction du routage

Joseph Je voulais cacher RightMenusi les routes sont /jobset /account. Mon problème est que si /jobset /accountavoir des enfants comme /jobs/1ou /accounts/2. Comment pourrais-je l'inclure? Y a-t-il moyen de cacher cela? Existe-t-il un meilleur moyen que mon co