¡Hay un pelo en mi sopa! - Tutorial de React.js

Tenemos acá un juego simple. En este juego, y te pido que utilices tu imaginación, tenemos un plato de sopa. Dentro de este plato de sopa, las reglas son así. Puedes tocar cualquier elemento excepto el plato de sopa. Y tenemos una mosca, que es este punto negro, y en el momento en que lo toques vas a ganar doble puntaje. Entonces, si hacemos clic en la sopa, vamos a tener acá un mensaje que nos dice que tocamos la sopa. Acá no ganamos punto. Si tocamos alguno de los elementos que están dentro de la sopa, podemos seguir utilizándolo, y en el momento en que hacemos clic sobre la mosca ganamos el juego. Esas serían las reglas de este juego y parece que todo funciona correctamente. Sin embargo, hay un error. Vamos a ver qué es lo que está ocurriendo dentro de este juego, cómo podemos implementarlo y, principalmente, cómo podemos prevenir este tipo de errores que muchas veces pasan desapercibidos. Vamos a ver el código con el cual estamos implementando este juego. Primero tenemos el estado…