Estoy tratando de acceder a un objeto dentro de una matriz de matriz. Así es como se muestra mi console.log:

0:
Memberships: Array(1)
0:
teamId: "5413e75f-ff12-4b7a-a3fe-f892cd006366"
__proto__: Object
length: 1
__proto__: Array(0)
Ratings: []
Skills: []
fullname: "Nhan Nguyen"
institution: ""
linkedin: ""
location: ""
major: ""

Entonces ahora quiero obtener acceso a teamId que está dentro de una matriz de matriz, aquí está mi siguiente código:

{invitees?.map((user, index) => (
  <Grid item className="invitees-card" key={index}>
    {user.Memberships[0].teamId !== teamId && (
    <InviteCard tab={tab} user={user} />
    )}
  </Grid>
))}

Me dio .teamId no está definido, lo que creo que mi sintaxis es incorrecta, pero ¿hay alguna forma de que pueda acceder a teamId sin hacer otra asignación?

0
nathan 8 may. 2021 a las 01:17

1 respuesta

La mejor respuesta

Algunos de los objetos no tienen una propiedad de pertenencia, por lo que debe usar un operador seguro nulo: user?.Membership[0]?.teamId

O haz user.Membership && user.Membership[0].teamId para protegerte contra undefined

1
T J 7 may. 2021 a las 22:50