Estoy accediendo a un objeto de la base de datos. Aquí está el objeto que obtengo:
{ data: { settings: { language: 'en-US' } } }Estoy tratando de acceder a la parte del idioma, pero de alguna manera no funciona, este es mi código:
translate(key, args, base) { const language = base.data.settings.language const result = this.translation.get(base ? language : 'en-GB') ... return result; } Mi problema es que el objeto no está definido en ese resultado (esta parte: this.translation.get(base ? language : 'en-GB') )
Los datos están definidos, probé console.log(language) y está regresando en-US :
const language = base.data.settings.language console.log(language) // en-US const result = this.translation.get(base ? language : 'en-GB') // cannot read property 'settings' of undefined Pero cuando cambio la variable de language a una cadena como const language = "en-US" , funciona para ambos. ¿Estoy haciendo esto mal?
Supongo que la base es un parámetro opcional. Eso explica cannot read property 'settings' of undefined que debería aparecer en la primera línea de su código. Necesitas cambiar tu código de la siguiente manera:
const language = base ? base.data.settings.language : "en-GB";Si existe la posibilidad de que la ruta no exista, la solución más segura es esta:
const language = base?.data?.settings?.language ?? "en-GB";const result = this.translation.get(base ? language : 'en-GB') En la línea ^ anterior, pasa el parámetro después de verificar si la base es nula o no.
Pero al mismo tiempo en la línea anterior, const language = base.data.settings.language , ya accede al objeto base independientemente de que sea nulo. Eso no tiene sentido.
También,
pero si cambio la variable de idioma a una cadena como const language = "en-US", funciona para ambos, ¿estoy haciendo esto mal?
^Esto significa que el problema está en esa línea
Le sugiero que agregue el cheque nulo allí, como a continuación:
const language = base ? base.data.settings.language : 'en-GB'; const result = this.translation.get(language)