React Hooks nos da la opción useState, y siempre veo las comparaciones Hooks vs Class-State. Pero, ¿qué pasa con los ganchos y algunas variables regulares? Por ejemplo, function Foo() { let a = 0; a = 1; return <div>{a}</div>; } No utilicé Hooks, y me dará los mismos resultados...
Quiero usar Autocompletecomponentes para etiquetas de entrada. Estoy tratando de obtener las etiquetas y guardarlas en un estado para luego poder guardarlas en la base de datos. Estoy usando funciones en lugar de clases en react. Lo intenté onChange, pero no obtuve ningún resultado. <div...
Estoy interesado en cómo implementar OAuth en React usando popup ( window.open). Por ejemplo tengo: mysite.com - Aquí es donde abro la ventana emergente. passport.mysite.com/oauth/authorize - surgir. La pregunta principal es cómo crear una conexión entre window.open(ventana emergente) y...
Estoy creando una biblioteca de componentes React que se puede compartir. La biblioteca contiene muchos componentes, pero es posible que el usuario final solo necesite usar algunos de ellos. Cuando agrupa el código con Webpack (o Parcel o Rollup), crea un solo archivo con todo el código . Por...
He revisado las definiciones de los dos como: Las funciones puras son aquellas que no intentan cambiar sus entradas y siempre devuelven el mismo resultado para las mismas entradas. Ejemplo function sum(a, b) { return a + b; } Y la función Impura es aquella que cambia su propia entrada....
He instalado material-ui / lab para usar el componente de alerta, pero cada vez que lo importo con: import Alert from '@material-ui/lab/Alert';no se compila y arroja este error: ./node_modules/@material-ui/lab/esm/internal/svg-icons/SuccessOutlined.js Attempted import error: 'createSvgIcon' is not...
Quiero entender cuál es la forma más general o correcta de manejo de errores con React-Redux. Supongamos que tengo un componente de registro de número de teléfono. Ese componente arroja un error que dice si el número de teléfono de entrada no es válido ¿Cuál sería la mejor manera de manejar...
Tengo una aplicación React (que no usa la aplicación Create React) creada con TypeScript, Jest, Webpack y Babel. Cuando intento ejecutar "broma de hilo", aparece el siguiente error: He intentado eliminar todos los paquetes y volver a agregarlos. No resuelve esto. He examinado preguntas y...
Estoy creando una aplicación React de una sola página, y he notado que la restauración de desplazamiento no parece funcionar como se esperaba en Chrome (y tal vez en otros navegadores). En el repositorio github react-router-dom, tienen una página que dice que los navegadores están comenzando a...
Chicos, estoy enfrentando un problema. Tengo un dato bidimensional. Los datos tienen una estructura anidada que contiene enlaces. const data = [ // First Div Panel [ { id: 1, url: "/services", title: "Services" }, { id: 2, title: "Products", children: [ { id: 3, url:...
TL; DR ¿Cómo puede un componente principal saber cuándo ha finalizado la representación de cada componente secundario y el DOM visible para el usuario con su versión más actualizada? Digamos que tengo un componente component Asecundario Gridque consta de 3x3componentes de nieto. Cada uno de...
Hice un <If />componente de función simple usando React: import React, { ReactElement } from "react"; interface Props { condition: boolean; comment?: any; } export function If(props: React.PropsWithChildren<Props>): ReactElement | null { if (props.condition) { return...
Recibí el siguiente error cuando ejecuté mi proyecto en el navegador: Error al compilar: ./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. Estoy intentando implementar el componente...
Estoy haciendo un gancho personalizado que tiene un toogle cuando algún estado cambia. Debería poder pasar cualquier estado en una matriz. import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle, setToggle] = useState(false) useEffect(()...
Estoy tratando de comprimir el código escrito con Next.js usando Gzip entrega con Nginx y el servidor NodeJS. Parece que la configuración está funcionando cuando la uso curl -H "Content-Encoding: gzip"para verificar. Pero al navegador real (Chrome, Firefox) no puedo encontrar la...
Estoy usando material ui SwipeableViews que usan el paquete ReactSwipableView, obtengo este error en la consola react-dom.development.js: 12466 Advertencia: componentWillReceiveProps ha cambiado de nombre y no se recomienda su uso. Ver para más detalles. Mueva el código de obtención de...
Estoy tratando de descubrir cómo mostrar una marca de tiempo de la tienda de incendios en una aplicación de reacción. Tengo un documento de almacén de incendios con un campo llamado createdAt. Estoy tratando de incluirlo en una lista de resultados (extrayendo los bits relevantes aquí para que no...
Google muestra las 3 ventanas emergentes anteriores a los usuarios cuando intentan registrarse usando Google en mi sitio web, pero no me muestra la misma ventana emergente cuando intento registrarme. Lo que veo es solo esto: Estas 3 ventanas emergentes separadas están causando grandes...
He estado tratando de entender este problema, pero no he encontrado una respuesta sólida. Estoy tratando de ejecutar una mutación de inicio de sesión utilizando el enlace useMutation. TLDR; Quiero saber cuál es exactamente la diferencia entre las opciones onError pasadas y el error que me dio...
Estoy renderizando componentes desde mi biblioteca de patrones externos (node_modules). En mi aplicación principal, paso mi Linkinstancia react-router-domal componente de mis bibliotecas externas de la siguiente manera: import { Link } from 'react-router-dom'; import { Heading } from...