0
268
ViewsNo se puede desestructurar la propiedad de '{}' porque es nula
Actualicé un código heredado para reaccionar 18 (de 17) y react-router-dom 6 (de v4) y, por alguna razón, encuentro este error en el código existente (que funcionaba bien)
En todos mis componentes accedo a algunos datos así
const { user, person, loading, locale, building: { locale: building_locale } = {}, updateContext, } = useContext(GlobalContext) Aquí está la consola de dicho contexto en su estado inicial, en el renderizado obtengo el problema a continuación: 
El código funciona perfectamente bien si estoy haciendo alguna solución como esta
const { user, person, loading, locale, building, updateContext, } = useContext(GlobalContext) const building_locale = building?.localePero esos cambios afectarían a archivos de aproximadamente 3k y realmente no espero tener que ejecutar ese tipo de expresiones regulares.
Hasta donde yo sé, el código funciona bien y el error no tiene sentido, pero tal vez alguien tenga alguna idea de por qué podría suceder esto.
Habría proporcionado un codepen si de alguna manera pudiera reproducir en un entorno de codificación prístino, pero esto parece ser específico para el contexto de mi aplicación, principalmente buscando algunas ideas / patitos de goma 🥲
1 answers
Answer question0
Parece que hay un problema cuando el valor de building es nulo, una solución alternativa es declararlo como undefined en su lugar:
const o1 = { building: { locale: undefined } }; // Works - even with null const o2 = { building: null }; // Throws const o3 = { building: undefined }; // Works const testDestructuring = (obj) => { try { const { building: { locale: building_locale } = {} } = obj; console.log(JSON.stringify(obj),': Destructured with no errors'); } catch (e) { console.log(e); } }; const tests = [o1, o2, o3]; tests.forEach(testDestructuring);