1 00:00:02,400 --> 00:00:09,660 Ahora que son mensajes de error, recibiremos mensajes de error durante el desarrollo y leerlos es algo muy 2 00:00:09,660 --> 00:00:14,180 importante porque realmente pueden ayudarnos a descubrir qué está mal. 3 00:00:14,310 --> 00:00:21,870 Ahora pasemos a los errores que no necesariamente arrojan mensajes de error o donde necesita profundizar un poco 4 00:00:21,870 --> 00:00:30,840 más para encontrar la causa raíz. Ahora, por ejemplo, digamos eso en la aplicación. js, queríamos averiguar si 5 00:00:30,840 --> 00:00:39,390 realmente estábamos eliminando el objetivo correcto aquí. Para saber si ese es el caso, podemos consolar el registro de 6 00:00:40,500 --> 00:00:50,900 nuestra ID de objetivo aquí, tal vez agreguemos un texto de información que desee eliminar antes de esto, para que obtengamos información sobre lo que se imprime aquí y luego 7 00:00:50,900 --> 00:00:59,840 tenemos nuestra lista, por supuesto. objetivos aquí, así que esa es la lista sin que se elimine el elemento y luego nos gustaría verlo después de 8 00:00:59,930 --> 00:01:03,360 que se elimine, pero la forma en que esta 9 00:01:03,770 --> 00:01:06,710 función de estado establecida aquí funciona al 10 00:01:06,710 --> 00:01:12,170 final, la forma en que React actualiza el estado, solo imprime los objetivos del curso nuevamente 11 00:01:12,170 --> 00:01:17,350 en esta línea no nos dará los objetivos del curso ya actualizados, sino que solo 12 00:01:17,370 --> 00:01:20,390 se actualizarán en el próximo ciclo de renderizado. 13 00:01:20,390 --> 00:01:23,480 Así que no veremos los objetivos de nuestro curso allí, pero eso no 14 00:01:23,480 --> 00:01:30,860 es problema, solo necesitamos registrar esto en un lugar diferente, registramos esto aquí mismo en nuestro componente. Allí registramos los objetivos del curso y todo este componente se 15 00:01:30,860 --> 00:01:35,920 volverá a representar cuando actualicemos los objetivos del curso con esta línea, por lo que esto 16 00:01:35,920 --> 00:01:36,630 se volverá 17 00:01:36,730 --> 00:01:46,090 a ejecutar, por lo que tal vez también podamos agregar un pequeño registro de consola, componente de representación, para que podamos sepa que la lista de objetivos del curso que 18 00:01:46,090 --> 00:01:54,370 estamos imprimiendo después de este es la lista después de cada ciclo de representación, mientras que la lista de objetivos del curso que imprimimos después de 19 00:01:54,610 --> 00:01:59,890 esta línea que se va a eliminar es la lista de objetivos del curso antes de eliminar 20 00:01:59,890 --> 00:02:04,270 un objetivo del curso y ahora agregamos algunas declaraciones de registro de consola que 21 00:02:04,270 --> 00:02:10,390 nos permiten sumergirnos en el flujo de nuestro código. Con eso, si guardo esto, la aplicación se reinicia y ya vemos 22 00:02:10,480 --> 00:02:14,650 un componente de representación que tiene sentido, se renderiza la primera vez y vemos que tenemos una matriz 23 00:02:14,650 --> 00:02:17,210 vacía que también tiene sentido porque no hemos agregado nada. 24 00:02:17,320 --> 00:02:26,400 Ahora agreguemos un nuevo objetivo, tal vez aquí en Android, termine el curso. Si hacemos eso, vemos que el componente se vuelve 25 00:02:26,470 --> 00:02:33,810 a representar, tiene sentido porque agregamos algo y, lo que es más importante, para el otro 26 00:02:33,810 --> 00:02:39,810 renderizado donde agregamos un elemento, vemos ese elemento aquí en la matriz, también 27 00:02:39,810 --> 00:02:51,780 vemos la ID de ese elemento y el valor que se ve bien. Ahora agreguemos otro elemento tal vez, aprenda React Native y agregue esto y vemos 28 00:02:51,780 --> 00:02:55,350 esto aquí, ahora vemos que es una matriz 29 00:02:55,350 --> 00:03:01,770 con dos elementos si expandimos esto aquí. Así que ahora podemos ver nuestro código y ahora eliminemos un elemento haciendo clic en 30 00:03:01,770 --> 00:03:07,560 él y eliminemos el elemento de finalización del curso con la ID 0. 818 y así sucesivamente. 31 00:03:08,310 --> 00:03:11,070 Entonces, si hago clic en finalizar el curso, 32 00:03:11,070 --> 00:03:14,380 verá que se elimina, por lo que parece funcionar correctamente y 33 00:03:14,400 --> 00:03:20,940 nuestro registro de consola confirma esto, estamos volviendo a procesar, volvemos a procesar nuestra matriz solo con esta ID, así que con 34 00:03:20,940 --> 00:03:25,830 el otro El elemento que no eliminamos y que vemos que se eliminará es esta ID 35 00:03:25,950 --> 00:03:29,220 aquí, este registro proviene de esta línea antes de eliminarlo, por 36 00:03:29,250 --> 00:03:35,490 lo que todavía está incluido, pero para el próximo ciclo de representación, vemos que esto La identificación aquí ya no 37 00:03:35,490 --> 00:03:36,320 está incluida. 38 00:03:36,390 --> 00:03:38,250 Por supuesto, ese es un ejemplo 39 00:03:38,250 --> 00:03:43,290 inventado, por supuesto, vemos que se está comportando correctamente aquí, pero simplemente imagina que tienes un flujo más complejo 40 00:03:43,290 --> 00:03:48,540 en tu código que deseas depurar, entonces tales declaraciones de registro de consola realmente pueden ayudarte a comprender cómo el 41 00:03:48,540 --> 00:03:53,310 código se está ejecutando, con qué frecuencia se está ejecutando y si se están utilizando los valores correctos. 42 00:03:53,520 --> 00:03:58,470 Por lo tanto, las declaraciones de registro de la consola realmente pueden ser útiles si las vuelca en su 43 00:03:58,470 --> 00:04:03,900 código, simplemente no olvide eliminarlas eventualmente para que no llene su código con toneladas de declaraciones de registro de la consola.