Preguntas etiquetadas con reactjs

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 'my-external-library'; const articleWithLinkProps = { url: `/article/${article.slug}`, routerLink: Link, }; <Heading withLinkProps={articleWithLinkProps} …

10 javascript  reactjs  react-router-dom 

Estoy tratando de imitar otras aplicaciones de chat móviles donde, cuando seleccionas el send-messagecuadro de texto y se abre el teclado virtual, el mensaje más inferior todavía está a la vista. Parece que no hay una manera de hacer esto con CSS de manera sorprendente, por lo que JavaScript resize(única …

10 javascript  android  html  css  reactjs 

Estoy tratando de descubrir cómo obtener un nombre de usuario que es un atributo almacenado en una colección de usuarios, que se ha fusionado con los atributos creados por el modelo de autenticación de Firebase. Puedo acceder a authUser, lo que me da los campos limitados que firebase recopila en …

10 reactjs  firebase  google-cloud-firestore  firebase-authentication 

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 useMutation Aquí está …

10 reactjs  graphql  react-apollo  apollo-client 

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 caídas de mi sitio web. ¿Cómo …

10 reactjs  google-calendar-api  google-signin  google-apps  google-login 

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 tenga …

10 javascript  reactjs  firebase  google-cloud-firestore  unix-timestamp 

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 datos o los efectos secundarios a componentDidUpdate. Si está actualizando …

10 reactjs 

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 Content-Encoding: gzippropiedad en Encabezados de respuesta. En cambio, …

10 node.js  reactjs  nginx  gzip  next.js 

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(() => { setToggle(t => !t) }, [...dependencies]) return …

10 reactjs  react-native  eslint  react-hooks 

cuando en el entorno de desarrollo, mi aplicación funciona bien. Cuando en el entorno de producción se bloquea con el error: Uncaught TypeError: (0 , _react.useEffect) is not a function Sucede en un archivo que creé donde importo React y useEffect de esta manera: import React, { useEffect } from …

9 javascript  reactjs  react-hooks  parceljs 

Estoy tratando de configurar mi nueva aplicación react-redux para usar las nuevas funciones de React-Redux. La documentación oficial dice React Redux ahora ofrece un conjunto de API de enlace como alternativa al componente de orden superior connect () existente. He estado tratando de encontrar algunos artículos de ayuda relacionados con …

9 reactjs  typescript  redux  react-redux 

Tengo un componente React, que incluye el indicador de disponibilidad de la conectividad a Internet. Los elementos de la interfaz de usuario deben cambiarse dinámicamente según el estado en tiempo real. Además, las funciones se comportan de manera diferente con el cambio de bandera. Mi implementación actual sondea API remota …

9 javascript  reactjs  axios 

Tengo un elemento contenedor que contiene algunos otros elementos, pero dependiendo del tamaño de la pantalla, partes de ellos se cortan inexplicablemente en varias partes. Puede observar el comportamiento en el enlace de mi sandbox de código, cuando la página HTML se ajusta en ancho (haciendo clic y arrastrándola). ¿Cómo …

9 javascript  css  reactjs 

Hoy, de repente, comencé a tener errores de compilación en un proyecto construido con Typecript. En un archivo que (o cualquier cosa que haga referencia) no ha cambiado en semanas, comencé a obtener: ./path/to/my/file.ts Line 0: Parsing error: Cannot read property 'name' of undefined Este error apareció por primera vez …

9 reactjs  typescript  create-react-app  react-scripts  react-typescript 

He implementado react-pivottablesolo quería saber si hay una manera de mostrar todo el conjunto de datos en la vista de tabla de datos jQuery es decir, tengo algunas columnas que quiero mostrarlas todas en una vista tabular para los siguientes datos a continuación [ 'SRN', 'MainSystemType', 'MagnetType', 'MagnetCoverType', 'MagnetRMMUType', 'MagnetHighOrderShimPowerSupply', …

9 jquery  reactjs  database  datatable  pivot-table