MaestroMartín Melo Godínez
MaestroRespuestas del foro creadas
Solved! Vuelve a intentar.
Hola, Alan. Acabo de ver esto. Discúlpame. ¿Pudiste solucionarlo?
Error solucionado 🙂
Qué tal, Luis ¿Pudiste solucionar dicho error con Sass?
¡Qué tal Alan! Tienes toda la razón del mundo. Hay un video faltante explicando cómo creé la view para la creación. Tiene meses que grabé esa parte así que no recuerdo bien si si grabé esa parte y no la subí por equivocación, o por las altas horas en que grababa no me percaté de ello, jajaja. Dame oportunidad de revisar si existe dicho material y en caso de que no, grabarlo lo más pronto posible. La verdad esta parte de la creación posteriormente la sustituyo en el módulo de Forms y notificaciones en Python donde utilizando la librería forms de Django todo se simplifica y facilita bastante, pero te agradezco que me hicieras ver este contenido faltante. Te avisaré por aquí cuando el video esté arriba 😎.
¡Hola Ernesto! ¿Cómo estás? Me da gusto saludarte. Te comento que en Windows la manera de activar el entorno es diferente. En el mismo módulo donde se habla de entorno virtuales, hasta el final encontrar un video BONUS. Que justamente es para todas las personas que usan Windows. Velo por favor y coméntame si te funciona, quedo al pendiente. Gracias!
¡Hola Java! Voy viendo este comentario, disculpa. ¿Tendrás de casualidad tu proyecto en Github? Para poder visualizar como se están comportando los estilos y ver como se podría lograr lo que buscas.
¡Hola Java! Gusto saludarte. ¿Me puedes ayudar compartiéndome la versión actual que tienes de React? Para poder ver la forma de proceder, gracias!
¡Hola Carlos! Disculpa la tardanza, pero ya pude revisar tu código y encontrar qué es lo que estaba pasando. Te comento que cloné tu repositorio y por alguna extraña razón el package.json no se subió (no sé si lo tengas dentro del .gitignore), el caso es que tuve que hacer algunas cosillas por ahí para poder probarlo. Efectivamente, el botón de decrementar está realizando un -2 en lugar de un -1. Debuggeando un poco encontré que lo que ocurría es que el setState dentro de esa función se llamada 2 veces. Esto ocurría ya que teníamos la siguiente forma de actualizar el state: prevState.counter -= 1. Como nosotros restábamos uno y lo colocábamos en el mismo atributo dentro del state, esto hacía que al detecta que hubo un cambio en el mismo atributo, se volviera a llamar la función. Entonces buscando en la documentación de React, encontré que la manera correcta es la que muestro en la imagen que te adjunto: return { counter: prevState.counter – 1}. Es curioso que a mi si me funcionara de la forma de arriba, puede ser alguna actualización de la librería. Intenta actualizar tu código con lo que te comento y me dices si funciona!
¡Hola Arauz! Disculpa la tardanza, pero con mucho gusto resuelvo tu duda.
Para poder utilizar una imagen dentro de un componente de React, es necesario que la importes como si fuera un componente u otro archivo .jsx, de la siguiente manera
import Name from ‘./auto.jpg’;
Donde Name es un nombre con el cual tú vas a identificar esta imagen, podemos pensar en que la imagen será un componente. Considerando el nombre de tu imagen podría ser:
import autoImg from ‘./auto.jpg’;
Después del from es necesario que coloques el path de donde se encuentra tu imagen, en este caso, como la imagen se encuentra dentro de la misma carpeta colocamos el ./ para indicar que de esta misma carpeta va a utilizar la imagen cuyo nombre es auto.jpg.
Una vez que tienes importada tu imagen, la manera en como la utilizarías sería:
< img src={autoImg} alt=”image” />
Es decir, en el atributo src de la etiqueta img colocar la imagen que importaste, con el nombre que le asignaste al momento de importarla. Con esto sería más que suficiente para importarla. Si tu deseas agregarle estilos, puedes agregar una clase a la etiqueta y mediante CSS estilizarla, quedando así:
< img src={autoImg} alt=”image” className=”img”/>
Por último, una buena práctica es tener una carpeta específicamente para los archivos estáticos, la cual se encuentre al mismo nivel de la carpeta de componentes. Podrías darle el nombre de static, assets o images, aunque realmente puede ser cualquier nombre, yo te doy como sugerencia los nombres más utilizados 🙂. Si deseas utilizar esta buena práctica, puedes mover la imagen dentro de esta carpeta, eliminarla dentro de tu carpeta header y cambiar la ruta de la cual estás importando la imagen, ya que ya no se encuentra en la misma carpeta.
Espero poder haberte aclarado la duda y cualquier otra duda quedo pendiente. Saludos!
¡Hola Carlos! Me da gusto saber de ti y que sigues tomando este curso profesional de React!
Entiendo el bug que está presente en tu código, la manera más sencilla de poder detectarlo en el código y solucionarlo es poder visualizar justamente el mismo. Por lo que te pido que si te es posible subas tu proyecto en el que está ocurriendo esto a un repositorio de Github para poder visualizarlo con calma. En caso de que no puedas realizar esto, puedes utilizar la siguiente URL: https://carbon.now.sh/. Aquí únicamente pega tu componente de Counter y selecciona en el segundo dropdown “Javascript”. Una vez hecho esto, simplemente das click en “Export” y te exportará una imagen. Esa imagen puedes adjuntarla aquí mismo o enviármela por mensaje privado, como tu gustes, Carlos.
Quedo al pendiente de visualizar tu código para que juntos encontremos el porqué está ocurriendo esto y solucionarlo. Te mando un saludo Carlos!
Hola Omar! Realmente la pregunta tiene un poco de trampa hahaha. La pregunta indica que cómo se podría calcular la raíz n (donde n es el exponente de la raíz, si n=2 sería raíz cuadrada, si n=3 sería cúbica, etc) de un número a (dónde a es el número al que se desea calcular dicha raíz). Entonces Math.sqrt() sólo calcula la raíz cuadrada de el número a. Pero, ¿qué pasaría si quiera calcular la raíz cúbica?. En el segundo video del módulo hablo del hack necesario para hacerlo, igual si tienes conocimientos matemáticos, con utilizar leyes de los exponentes podría ayudarte a obtener la respuesta correcta
. En todo caso, puedes contactarte conmigo y con gusto te explico más detalladamente. Saludos!Así es Carlos, la respuesta correcta es justo la que comentas. El problema fue de redacción ya que debía decir “tiene la MENOR prioridad”, que siendo así la pregunta, el utilizar un archivo externo de CSS es el que tiene menor prioridad a comparación de el estilo inline y el de las etiquetas <style>. En la brevedad arreglaremos este problema de redacción y te agradezco que lo notifiques. Cc.
¡No hay de que Carlos! Un gusto poder ayudarte 😋.
