Ahora que son mensajes de error, recibiremos mensajes de error durante el desarrollo y leerlos es algo muy
importante porque realmente pueden ayudarnos a descubrir qué está mal.
Ahora pasemos a los errores que no necesariamente arrojan mensajes de error o donde necesita profundizar un poco
más para encontrar la causa raíz. Ahora, por ejemplo, digamos eso en la aplicación. js, queríamos averiguar si
realmente estábamos eliminando el objetivo correcto aquí. Para saber si ese es el caso, podemos consolar el registro de
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
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
que se elimine, pero la forma en que esta
función de estado establecida aquí funciona al
final, la forma en que React actualiza el estado, solo imprime los objetivos del curso nuevamente
en esta línea no nos dará los objetivos del curso ya actualizados, sino que solo
se actualizarán en el próximo ciclo de renderizado.
Así que no veremos los objetivos de nuestro curso allí, pero eso no
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
volverá a representar cuando actualicemos los objetivos del curso con esta línea, por lo que esto
se volverá
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
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
esta línea que se va a eliminar es la lista de objetivos del curso antes de eliminar
un objetivo del curso y ahora agregamos algunas declaraciones de registro de consola que
nos permiten sumergirnos en el flujo de nuestro código. Con eso, si guardo esto, la aplicación se reinicia y ya vemos
un componente de representación que tiene sentido, se renderiza la primera vez y vemos que tenemos una matriz
vacía que también tiene sentido porque no hemos agregado nada.
Ahora agreguemos un nuevo objetivo, tal vez aquí en Android, termine el curso. Si hacemos eso, vemos que el componente se vuelve
a representar, tiene sentido porque agregamos algo y, lo que es más importante, para el otro
renderizado donde agregamos un elemento, vemos ese elemento aquí en la matriz, también
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
esto aquí, ahora vemos que es una matriz
con dos elementos si expandimos esto aquí. Así que ahora podemos ver nuestro código y ahora eliminemos un elemento haciendo clic en
él y eliminemos el elemento de finalización del curso con la ID 0. 818 y así sucesivamente.
Entonces, si hago clic en finalizar el curso,
verá que se elimina, por lo que parece funcionar correctamente y
nuestro registro de consola confirma esto, estamos volviendo a procesar, volvemos a procesar nuestra matriz solo con esta ID, así que con
el otro El elemento que no eliminamos y que vemos que se eliminará es esta ID
aquí, este registro proviene de esta línea antes de eliminarlo, por
lo que todavía está incluido, pero para el próximo ciclo de representación, vemos que esto La identificación aquí ya no
está incluida.
Por supuesto, ese es un ejemplo
inventado, por supuesto, vemos que se está comportando correctamente aquí, pero simplemente imagina que tienes un flujo más complejo
en tu código que deseas depurar, entonces tales declaraciones de registro de consola realmente pueden ayudarte a comprender cómo el
código se está ejecutando, con qué frecuencia se está ejecutando y si se están utilizando los valores correctos.
Por lo tanto, las declaraciones de registro de la consola realmente pueden ser útiles si las vuelca en su
código, simplemente no olvide eliminarlas eventualmente para que no llene su código con toneladas de declaraciones de registro de la consola.