[Angel Sánchez]

Hola, la segunda función, incrementCounterValue, está incrementando el valor del contador en 1 en cada llamada, pero lo está haciendo de manera incorrecta.

En lugar de devolver un objeto que contenga la actualización del valor del estado, como debería hacerse en setState, la función de flecha dentro de setState está devolviendo el valor del contador incrementado en 1 (prevState.counter += 1). Esto hace que el valor del estado se actualice incorrectamente, y cada vez que se llama a incrementCounterValue, el valor del contador se incrementa en 2 en lugar de en 1.

Para corregir esto, la función de flecha dentro de setState debe devolver un objeto que contenga la actualización del valor del estado, como se muestra a continuación:

incrementCounterValue = () => {
  this.setState(prevState => {
    return { counter: prevState.counter + 1 };
  });
};

En cuanto a la tercera función, incrementCounterValue2, también está incrementando el valor del contador de manera incorrecta. Al igual que en la segunda función, la función de flecha dentro de setState está devolviendo el valor del contador incrementado en 2 (prevState.counter += 2), lo que hace que el valor del estado se actualice incorrectamente y el contador se incremente en 4 en cada llamada.

Para corregir esto, la función de flecha dentro de setState debe devolver un objeto que contenga la actualización del valor del estado, pero incrementando el valor del contador en 2 en lugar de en 4:

incrementCounterValue2 = () => {
  this.setState(prevState => {
    return { counter: prevState.counter + 2 };
  });
};

En resumen, lo que pasa es que tu código retorna la operación ‘prevState.counter += 1’ en vez del resultado de la misma.

[Angel Sánchez]

Te recomiendo Visual Studio Code, es el que estamos usando ya en casi todos los cursos: https://code.visualstudio.com/ Instalalo antes de la confiruación. 😀

[Angel Sánchez]

Quedo genial, comparte tus archivos para los demas 😀

[Angel Sánchez]

Si no aparece en el instalador de paquetes, es posible que debas agregar el repositorio manualmente. Puedes hacerlo siguiendo estos pasos:

1. Abre Sublime Text 3 y presiona Ctrl + Shift + P (o Command + Shift + P en Mac) para abrir la paleta de comandos.
2. Escribe “Add Repository” y presiona Enter.
3. En la ventana emergente, pega la siguiente URL: https://github.com/SideBarEnhancements-org/SideBarEnhancements
4. Presiona Enter y espera a que se complete la instalación.
5. Ahora deberías poder encontrar SidebarEnhancements en el instalador de paquetes.

Espero que esto te ayude a solucionar tu problema. Nos avisas.

[Angel Sánchez]

Hola Daniel, estas seguro que es exactamente igual que las clases? Por ahí te falta algo para que los div se acomoden como columnas, pero estoy seguro que se ve en las clases.

[Angel Sánchez]

Hola Nadieshka, veo que tu nombre de archvio es “azul school exercise” con espacios.

Y cuando haces el “git rm” lo haces de esta forma:

git rm azul school exercise -f

Lo cual hace que Git lo interpete como archvios diferentes “azul”, “school”, y “exercise”.

Prueba intentar hacerlo de esta forma:

git rm "azul school exercise" -f

Me dices si ya no te marca el error.

[Angel Sánchez]

Genial John, te recomiendo el curso de Curso de Git y Github. – Azul School hay un modulo donde se ve GitHub Pages donde puedes colocar este proyecto en linea 😀

[Angel Sánchez]

Hola, por favor compartenos tus archivos en un .zip y muestranos en que parte tienes el problema.

[Angel Sánchez]

Hola Roberto, la web donde teníamos esos códigos ya no está disponible. Pero es exactamente lo mismo que se ve en clase, no es nada extra. Igual ya no estamos solucionando.

[Angel Sánchez]

Genial. Podrías compartir tu proyecto en un .zip, para que lo puedan ver tus compañeros 😀

[Angel Sánchez]

Puedes ir subiendo tus retos de la siguiente forma:

1. Colocar un título descriptivo con el nombre del módulo y nombre del reto: Introducción a JavaScript – Reto 1: Ciclos pares e impares.
2. Poner una breve descripción.
3. Adjuntar el archivo .js

De esta forma será fácil buscarlos en los foros, entender si tuviste algún problema y poder bajar el archivo y ver cómo podemos ayudarte.

En el tema de ayudarte a optimizar tu código tal vez entremos en algún conflicto ya que tú vas desarrollando los retos con el conocimiento que tienes en ese momento y de las clases que vas viendo, si te mejoramos el código pueden ser mejoras que aún no ves en clase y puede que haya confusiones. Así que te recomiendo ir aprendiendo mediante avanzas el curso y después tú puedes ir mejorando tu código anterior.

[Angel Sánchez]

Hola Yamil, se te paso un detalle en el CSS de la imagen, te falto poner el “position: relative;” te voy a explicar detalladamente como esto afecta en el “z-index”:

En CSS, cuando no se especifica la propiedad position, el valor por defecto que se aplica es static. Esto significa que los elementos se colocan en su posición normal dentro del flujo del documento, siguiendo el orden en el que aparecen en el código HTML.

La propiedad z-index de CSS solo tiene efecto en elementos que tienen una posición explícitamente definida como relative, absolute, o fixed. Cuando la posición de un elemento se define como static, la propiedad z-index no tiene ningún efecto sobre él.

Así que tu video tenía el “z-index:1” de forma correcta, pero tu imagen tenía el “z-index:2” y no tenía defienda la propiedad “position” así que por defecto estaba en “stactic” y eso hacía que el “z-index” no tuviera efecto.

Tu código CSS corregido:

.disfruta img{
    width: 100%;
    height: auto;
    border:0;
    position: relative;
    z-index: 2;
}

[Angel Sánchez]

Hola colega, puedes subir tu proyecto a GitHub para ver el código y aportar?

[Angel Sánchez]

El código tiene un error en la definición de las variables rojo, verde y amarillo, ya que son de tipo char y se les está asignando un valor de texto en lugar de un solo carácter. En lugar de char, deberías utilizar string para definir estas variables y almacenar las frases completas. Además, el valor de “No pasar” debería estar entre comillas dobles (” “), ya que es una cadena de texto.

Aquí te dejo el código corregido:

#include <iostream>
using namespace std;

int main() {
    string rojo = "No pasar", verde = "Adelante", amarillo = "Precaucion";
    int seleccion;
    cout << "Seleccione el codigo del color:";
    cout << "\n1-Rojo";
    cout << "\n2-Verde";
    cout << "\n3-Amarillo" << endl;
    cin >> seleccion;
    if (seleccion > 0 && seleccion < 4) {
        if (seleccion == 1) {
            cout << "El color rojo significa: " << rojo << endl;
        }
        if (seleccion == 2) {
            cout << "El color verde significa: " << verde << endl;
        }
        if (seleccion == 3) {
            cout << "El color amarillo significa: " << amarillo << endl;
        }
    } else {
        cout << "ERROR fuera de rango";
    }
    return 0;
}

¡Saludos!

[Angel Sánchez]

De nada, esos comandos que estas usando en realidad son de Linux y va a ser muy comun que los veas como Desarrolladora, así que no te cairía mal este curso: Curso de Introducción a GNU/Linux – Azul School ¡Saludos!