Aquí está el problema: estoy tratando de llamar a 2 funciones con un clic de botón. Ambas funciones actualizan el estado (estoy usando el enlace useState). La primera función actualiza el valor1 correctamente a 'nuevo 1', pero después de 1s (setTimeout) se dispara la segunda función, y cambia el...
Estoy tratando de descubrir cómo usar un escucha de Firebase para que los datos del almacén de incendios en la nube se actualicen con actualizaciones de ganchos de reacción. Inicialmente, hice esto usando un componente de clase con una función componentDidMount para obtener los datos del almacén...
Estoy desarrollando una aplicación simple de arranque react-spring, pero debido a un problema de GitHub, recreé los archivos de inicio de mi aplicación usando IntelliJ e instalé los módulos de nodo usando los datos de dependencia del archivo package.json de la aplicación anterior. Si uso una barra...
Estoy implementando una aplicación React pero recibo un error extraño cuando visito la página a través de https. Cuando visito la página a través de https, recibo el siguiente error: SecurityError: error al construir 'WebSocket': una conexión insegura de WebSocket no puede iniciarse desde una...
activado react-native init ProjectName, el archivo principal de la aplicación App.jscontiene la declaración de un componente de la siguiente manera: const App: () => React$Node = () => {...} ¿Qué significa esta instrucción? Quiero decir, estoy acostumbrado a un componente definido como...
Por alguna razón, no puedo hacer que el selector de fechas material-ui funcione. Cada vez que se muestra el selector de fecha en React, se produce el siguiente error: RangeError: la cadena de formato contiene un carácter de alfabeto latino sin escape n He creado un stackblitz con solo el...
Soy nuevo usando React, por lo que esto podría ser realmente simple de lograr, pero no puedo resolverlo por mí mismo a pesar de que he investigado un poco. Perdóname si esto es demasiado tonto. Contexto Estoy usando Inertia.js con los adaptadores Laravel (backend) y React (front-end). Si no...
Estoy usando el nuevo gancho useHistory de React Router, que salió hace unas semanas. Mi versión del router React es 5.1.2. My React está en la versión 16.10.1. Puedes encontrar mi código en la parte inferior. Sin embargo, cuando importo el nuevo useHistory desde react-router, me sale este...
Estoy usando el gancho UseHistory en react router v5.1.2 con typecript? Cuando ejecuto la prueba unitaria, tengo un problema. TypeError: No se puede leer la propiedad 'historial' de indefinido. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import *...
Me refiero a la documentación de React Material-UI ( https://material-ui.com/components/autocomplete/ ). En el código de demostración, <Autocomplete options={top100Films} getOptionLabel={(option: FilmOptionType) => option.title} style={{ width: 300 }} renderInput={params => (...
Estoy escribiendo un proyecto React en código VS. Encontré este problema en el código VS. En mi proyecto, esta carpeta muestra Contiene elementos resaltados y sé que significa que hay un error en mis archivos. Pero en la foto , Revisé todos los archivos pero no encontré ningún error. Entonces...
He escrito un botón personalizado ( MyStyledButton) basado en material-ui Button . import React from "react"; import { Button } from "@material-ui/core"; import { makeStyles } from "@material-ui/styles"; const useStyles = makeStyles({ root: { minWidth: 100 } }); function MyStyledButton(props)...
Tengo una aplicación de reacción (aplicación A), creada hace aproximadamente 2 años usando create-react-app, y se expulsa. La aplicación se exporta como un módulo commonjs2 y se envía en un paquete NPM, para ser utilizada en un proyecto next.js (aplicación B). Todo salió bien hasta que actualicé...
Soy nuevo en Next.js y me pregunto cómo redirigir desde la página de inicio ( / ) a / hello-nextjs, por ejemplo. Una vez que el usuario carga una página y luego determina si path === / redirect to / hello-nextjs En react-router hacemos algo como: <Switch> <Route path="/hello-nextjs"...
Recientemente comencé a usar TypeScript con Expo. He hecho todas las integraciones de linter / formateador typescript-eslintpara poder detectar la mayoría de los errores durante la codificación. Para verificar si el código se compila, ejecuto de npx tscvez en cuando y lo arreglo en...
Tengo una aplicación de reacción creada por create-react-app. Después de ejecutar npm start (el script de inicio está presente en package.json como "start": "react-scripts start") la consola dice Iniciando el servidor de desarrollo como de costumbre y activa el navegador. Pero después de esto,...
Cuando intento acceder al componente de inicio de sesión de mi aplicación MERN en la versión de producción, obtengo una serie de los siguientes errores de tipo que se muestran en esta imagen: Mi aplicación ( https://github.com/ahaq0/kumon_schedule ) funciona perfectamente bien localmente y...
Estoy tratando de cargar una vista de detalles basada en una ruta react-router-dom que debería tomar el parámetro de URL (id) y usarlo para completar el componente. Mi ruta se ve /task/:idy mi componente se carga bien, hasta que trato de tomar el: id de la URL de esta manera: import React from...
Veo que React.forwardRef parece ser la forma autorizada de pasar una referencia a un componente funcional secundario, desde los documentos de reacción: const FancyButton = React.forwardRef((props, ref) => ( <button ref={ref} className="FancyButton"> {props.children}
Estoy tratando de crear un nuevo proyecto usando create-react-appel comando dado en los documentos, es decir, npx create-react-app my-apppero no contiene carpetas como public srcy