Skip to main content
se añadieron 261 caracteres en el cuerpo
Origen Enlace
myrna
  • 29
  • 2
  • 10

Este problema lo pude resolver haciendo una función y agregando un if para la propiedad user, que cuando fuera diferente de null hiciera toda la funcional que ya se había planteado, y en vez de llamar solo a la propiedad isAdmin de localStorage llamar toda la información y dentro de la función acceder a la priopiedad isAdmin, dentro del render solo mando a llamar la función isAdmin de la siguiente forma {isAdmin()}.

const user = AuthService.getCurrentUser();

  const isAdmin = () => {
    if (user !== null) {
      if (user.user.isAdmin === true) {
        return (
          <Link to="/vista/admin" className="Link L-admin">
            <span className="material-icons md-24">admin_panel_settings</span>
            <div className="textMenu">Administración</div>
          </Link>
        );
      }
    }
  };
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

Este problema lo pude resolver agregando un if para la propiedad user, que cuando fuera diferente de null hiciera toda la funcional que ya se había planteado.

const user = AuthService.getCurrentUser();

  const isAdmin = () => {
    if (user !== null) {
      if (user.user.isAdmin === true) {
        return (
          <Link to="/vista/admin" className="Link L-admin">
            <span className="material-icons md-24">admin_panel_settings</span>
            <div className="textMenu">Administración</div>
          </Link>
        );
      }
    }
  };
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

Este problema lo pude resolver haciendo una función y agregando un if para la propiedad user, que cuando fuera diferente de null hiciera toda la funcional que ya se había planteado, y en vez de llamar solo a la propiedad isAdmin de localStorage llamar toda la información y dentro de la función acceder a la priopiedad isAdmin, dentro del render solo mando a llamar la función isAdmin de la siguiente forma {isAdmin()}.

const user = AuthService.getCurrentUser();

  const isAdmin = () => {
    if (user !== null) {
      if (user.user.isAdmin === true) {
        return (
          <Link to="/vista/admin" className="Link L-admin">
            <span className="material-icons md-24">admin_panel_settings</span>
            <div className="textMenu">Administración</div>
          </Link>
        );
      }
    }
  };
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

Origen Enlace
myrna
  • 29
  • 2
  • 10

Este problema lo pude resolver agregando un if para la propiedad user, que cuando fuera diferente de null hiciera toda la funcional que ya se había planteado.

const user = AuthService.getCurrentUser();

  const isAdmin = () => {
    if (user !== null) {
      if (user.user.isAdmin === true) {
        return (
          <Link to="/vista/admin" className="Link L-admin">
            <span className="material-icons md-24">admin_panel_settings</span>
            <div className="textMenu">Administración</div>
          </Link>
        );
      }
    }
  };
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>