Preguntas con la etiqueta [reactjs]
React es una biblioteca de JavaScript para la construcción de interfaces de usuario. Se utiliza un paradigma declarativo que hace que sea más fácil razonar sobre su aplicación y su objetivo es ser eficiente y flexible.
3,144
preguntas
1
voto
1
respuesta
27
vistas
Que no se submita el form si hay error
tengo un form con un par de inputs y unas validaciones.
Al hacer click en submitir está funcionando bien y se envía la información. Incluso si hay un error, después de submitir aparece el mensaje de ...
1
voto
1
respuesta
28
vistas
Uso de estados - React
Lo que estoy intentando hacer es tras mapear un arreglo de objetos y plasmar sus datos en una tabla, al momento de hacer clic en el primer campo de cada fila realizar un envío de toda la información ...
0
votos
0
respuestas
10
vistas
No logro descargar o visualizar el pdf REACT front Y LARAVEL api
Hola comienzo explicando yo antes usaba un get simple sin headers para descargar los pdf esto paso a cambiar y se aplicaron los correspondientes headers y una vez se aplicaron la aplicacion dejo de ...
1
voto
0
respuestas
16
vistas
¿como agrego una propiedad a un objeto dentro de un estado de react?
El problema es que tengo campos dinámicos, los cuales cuando los modifico quiero que se modifique una URL de consulta a una API. Para solucionar esto pensé en utilizar un estado para guardar un array ...
0
votos
1
respuesta
13
vistas
Por qué se renderiza antes de terminar el useEffect?
Me gustaría saber porque el componente se renderiza antes de que termine la ejecución de un useEffect el cual actualiza un estado.
Explico: tengo un componente que renderiza un listado de vídeos ...
1
voto
1
respuesta
18
vistas
Card con React.js
soy nuevo usand React asi que trato de hacer ejercicios para mejorar, la cuestion es que el ejercicio trata de cards, y queda como lo siguiente:
cuando quiero que quede asi, en medio de la pagina, ...
0
votos
0
respuestas
5
vistas
Actualizar page sin recargar en NextJS
Tengo una page que maneja vídeos, los cuales se listan por secciones o mediante una búsqueda. El caso es que al actualizarse los estados del componente quiero que se vea reflejado en la web, pero esto ...
0
votos
0
respuestas
11
vistas
Quiero que el radio button no este precargado por defecto
Hola tengo un radio button que esta precargado que queda correctamente habilitado hasta el final del proceso; pero lo que necesito es que no este precargado cree un hook para que este tenga un valor ...
0
votos
0
respuestas
11
vistas
¿Puedo meter un componente dentro de otro componente?
¿Puedo meter un componente dentro de otro componente?
0
votos
0
respuestas
10
vistas
Agregar un efecto fade o slide cuando cambio entre meses?
Estoy usando la biblioteca https://github.com/hypeserver/react-date-range
Me gustaría que cuando cambie de un mes a otro, en vez de hacer un cambio repentino, poder configurar un Fade-In, o un Slide, ...
0
votos
0
respuestas
5
vistas
Problema en NextJs: Error: Missing getServerSnapshot, which is required for server-rendered content. Will revert to client rendering
espero todos se encuentren muy bien. Estoy aprendiendo a programar con Next Js y estoy construyendo una pagina web con ayuda de Chakra UI. Al instalar Chakra y envolver con el provider ChakraProvider ...
0
votos
0
respuestas
25
vistas
¿Cómo hacer para que los comentarios se muestren en cada producto?
estoy haciendo un proyecto de una tienda virtual. Avancé bastante, pero me trabé haciendo los comentarios y el rating con estrellas.
Tengo un componente Products en el que hago el map de todos los ...
0
votos
0
respuestas
27
vistas
¿Por qué onChange no provoca re render?
Tengo un select para hacer un sort entre "price" y "alph", el select cambia, se ejecuta el callback. El callback setSort, cambia el estado el cual esta siendo monitoreado por un ...
0
votos
0
respuestas
5
vistas
¿Por qué no guarda los datos del fetch en el useState?
Tengo este fragmento con sus respectivos useState pero no guarda la información, si crea el fetch porque en mi código del back crea un log y aparece cada vez que se renderiza la página de ese código (...
0
votos
0
respuestas
7
vistas
COMO usar un url de imagen con FIREBASE Y REACT
estoy tratando de acceder desde mi storage en firebase, donde tengo guardado los datos de mi card, y quiero tomar el link de la imagen y que se vea sin necesidad de subir la imagen al storage.
mi ...
0
votos
1
respuesta
29
vistas
error al pasar parametros a NODEJS desde REACTJS
Estoy intentando hacer un componente que recoja los datos de los dos input y los pase al back de nodejs para hacer una sql. El problema que tengo es que al pasar un JSON no me detecta en el nodejs el ...
0
votos
1
respuesta
27
vistas
Es posible usar un import dentro de condicional. JavaScript
Cita en bloque
Es posible hacer esto
theme ? import './styles/ocuro.scss'
: import './styles/claro.scss'
O como le hago?
0
votos
0
respuestas
16
vistas
¿Cómo usar las cabeceras en una solicitud HTTP?
Tengo una duda de como utilizar las cabeceras headers en una solicitud HTTP.
Las cabeceras HTTP son los parámetros que se envían en una petición o
respuesta HTTP al cliente o al servidor para ...
-1
votos
0
respuestas
10
vistas
What does it happen when I try to run my react native app on android
Error: React Refresh runtime should not be included in the production bundle.
ERROR Error: Requiring module "node_modules/react-native/Libraries/Core/InitializeCore.js", which threw an ...
0
votos
0
respuestas
14
vistas
Como cambiar el estado de asistencia?
Tengo una tabla de ant design con un checkbox dentro de la columna de asistencia, quiero cambiar el estado de la asistencia por ejemplo quiero cambiare el estado de "ausente" a "...
0
votos
0
respuestas
13
vistas
CORS NODEJS Y REACTJS Access-Control-Allow-Origin
estoy teniendo problema con los cors, cuando hago la prueba en POSTMAN me funciona, yo se que los cors te permiten que te hagan peticion de otras URL, Lo tengo subido a Heroku y me funciona pero al ...
0
votos
1
respuesta
7
vistas
Como mando esta información de hijo a padre en REACT / NEXTJS
Tengo una clase padre que es una page de NextJS el cual renderiza un listado de vídeos, para el cual cada listado es un componente hijo "VideoList". Lo que quiero hacer es que desde ...
0
votos
1
respuesta
16
vistas
evitar que en un input type text el primer caracter sea un espacio
Estoy intentando hacer la validación que tiene whatsapp en su input de tipo text, usando expresiones regulares. Pasa bien en la primera validación de hacer que no envie un espacio en blanco si no hay ...
-2
votos
0
respuestas
10
vistas
Como correr el Frontend y el Backend en el servidor local con el stack MERN? [cerrada]
Como se corre el Frontend y el Backend en el servidor local con el stack MERN en estos casos?
si el frontend y el backend estan en carpetas separadas
si el frontend y el backend en una misma carpeta
...
0
votos
0
respuestas
13
vistas
¿Como hago para que al clicar un botón en react, me redirija a una pagina, pero en lugar de abrirse una nueva pestaña, lo haga dentro de mi pagina? [cerrada]
tengo una etiqueta botón con su respectivo href en donde incluyo la pagina a la que redirigirá cuando clique dicho botón, sin embargo, cuando eso ocurre, se abre una nueva pestaña en el navegador pero ...
0
votos
0
respuestas
4
vistas
es posible actualizar la información de un mapa sin que este se recargue?
Poseo una API que se va actualizando automaticamente con ubicaciones , mi pregunta es si es posible agregar esas ubicaciones a un mapa como Markers (en este caso utilizando leaflet) , y que estos ...
0
votos
0
respuestas
5
vistas
React test - error cuando componente acede a objeto window
Por una razón especifica uso un script en el archivo index.html de la carpeta public, este este script crea una propiedad en el objeto window. La propiedad es una función asíncrona. aquí el script que ...
0
votos
0
respuestas
22
vistas
Obtener datos de la base de datos (firebase) por el (id) en Reactjs
Buen día, estoy aprendiendo React js, y me estoy enfrentando con este problema. Trato de obtener los datos por el id y mostrarlos en la consola pero tengo un error, esta es la funcion (db) son las ...
0
votos
1
respuesta
11
vistas
Como puedo resolver este error de compilacion enreact?
Compiled with problems:X
ERROR
Plugin "react" was conflicted between "package.json » eslint-config-react-app » B:\Programacion\ShopingCart\CART\node_modules\eslint-config-react-app\base....
-1
votos
0
respuestas
20
vistas
Como agregar un carousel de imágenes en react? [cerrada]
Cita en bloque
Buenas noches, estoy comenzando con react y necesito agregar un carousel de imágenes para un proyecto, lo he intentado varias veces sin podes lograrlo
0
votos
1
respuesta
55
vistas
¿Cómo utilizo el event.preventDefault() en React?
Estoy haciendo un formulario con React y necesito que NO se recargué la página al enviarlo. Este es mi código:
const [stateMessage, setMessage] = useState(false)
async function handleSubmit (...
0
votos
0
respuestas
5
vistas
Problema al recoger datos de un documento firestore. ReactJS
estoy intentando obtener un campo en especifico de un documento de firestore el cual tiene la siguiente estructura:
Quiero obtener el campo turno, pero a la hora de ejecutar el siguiente código:
...
0
votos
0
respuestas
7
vistas
react + axios: obtener valor y colocarlo dentro del return
Hola poseo un contador de visitas en mi pagina y quiero mostral el valor de dicho contador dentro de un P o de un H1. No se como usarlo.
He intentado con APIS que devuelven varios valores como: https:/...
0
votos
1
respuesta
15
vistas
Habilitar permiso de ubicación en navegadores para localhost
Siempre utilicé sin ningún problema los servicios de ubicación con mis apps en reactJS. Pero al re instalar el SO no puedo acceder a los mismos. No puedo habilitar la misma, ya que el navegador no me ...
0
votos
0
respuestas
9
vistas
Cómo extraer porción de url dinámica. React hook useParams();
Uso versión 6 de React-router-dom.
¿Puedo obtener el id dinámico de la URL para usarlo denro del onFilter?
Esta función devuelve un objeto que quiero mandar a Ciudad cuando se renderice. Es decir ...
0
votos
1
respuesta
21
vistas
Mostrar imágenes en React usando props
Estoy entrando en el mundo de React.
Quiero mostrar imagenes de acuerdo a al prop devuelto para completar el nombre de la imagen, estoy usando require para tratar de mostrar la imagen.
Si como la ...
0
votos
1
respuesta
11
vistas
No puedo ver el Calendario de react-dates - Problema con css?
Estoy tratando de hacer uso de la libreria react-dates (https://github.com/react-dates/react-dates/), mas especificamente del DayPickerRangeController (http://react-dates.github.io/react-dates/?path=/...
0
votos
0
respuestas
23
vistas
Instalar Big Calendar en React Js 18.1.0
La instalación desde npm es: npm i react-big-calendar
En el repo oficial: pm install --save react-big-calendar
El resultado que me da:
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ...
0
votos
0
respuestas
18
vistas
splash screen y icon no se actualizan al hacer build de mi aplicación react native
estoy tratando de hacer el .aab y el .apk de mi aplicación de react native con eas-cli, todo se logra muy bien, pero a pesar de que cambio versiones en mi app.json y actualizo los directorios de ...
0
votos
0
respuestas
16
vistas
¿Cómo puedo hacer una grafica en React conectada a MySQL?
estoy haciendo un proyecto en donde debo de generar graficas con información que esta dentro de mi base de datos, y esas graficas las tengo que poner como imagen sobre un pdf, pero no logro conectar ...
0
votos
0
respuestas
5
vistas
Todos los inputs de mi app en reactNative se cierran cuando los marco para agregar algo
[!introducir la descripción de la imagen aquí
En mi app cuando selecciono cualquier input de la app se abre y se cierra solo rápidamente, no deja llenar ningún campo de los inputs por que sube el ...
0
votos
0
respuestas
22
vistas
Obtener item aleatorio de una lista de objetos React
estoy practicando con React JS.
Tengo una lista de objetos, quiero obtener un elemento aleatorio de la lista y mostrarlo por jsx.
El tema es que obtengo el objecto aleatorio en la funcion GetObject, ...
0
votos
1
respuesta
19
vistas
Como puedo hacer para manipular la accion del boton de SweetAlert?
Necesito que cuando yo apriete el boton de confirmar en la alerta me rediriga a una pagina que yo quiero, para ser mas especifico, es a la pagina de Whatsapp para enviar un mensaje con un cuerpo de ...
0
votos
2
respuestas
55
vistas
Duda de useState en arreglos React
estoy creando una aplicacion en React y tengo que mostrar en pantalla un arreglo el cual contiene varias etiquetas en cada uno de los indices del arreglo , cada item tiene dos botones uno de realizado ...
0
votos
2
respuestas
17
vistas
Problema al instalar React.js
Me sale este error, intento hacer que funcione en VS Code podrían ayudarme…?
Instale...
Node.js
npm install -g npm@latest
npm cache clean –force
npm install -g create-react-ap
y me sale el siguiente ...
0
votos
0
respuestas
13
vistas
Editar Archivos .docx y xslx desde Express y React
Tengo una aplicación web, la cual utiliza unos archivos de excel y de word para generar una documentación, estos archivos se encuentran guardados en un servidor local, el cual se encuentra en todas ...
0
votos
1
respuesta
34
vistas
¿Cómo cambiar el estado de un componente en React al hacer click fuera de él?
Estoy tratando de cambiar el estado de un componente al hacer click fuera de él.
Se me ocurrió registrar un evento al hacer click en un elemento del DOM, pero no me funcionó a la hora de cambiar el ...
0
votos
0
respuestas
12
vistas
exportar styled components
Este es mi componente con styled-components:
import styled from "styled-components";
const StyledEditButton = styled.button`
border-radius: 5px;
`;
interface Props {
value: string;
}
...
0
votos
0
respuestas
6
vistas
Conectar firebase con react e iniciar firebase
Estoy intentando iniciar mi app con firebase pero me sale todo el rato lo mismo "Error: Does not match the options already provided to the default firebase app instance, give this new instance a ...
0
votos
0
respuestas
12
vistas
Creación de interfase para componentes de React
Actualmente estoy trabajndo con react y estoy usando un diseño atomico,
estoy intentando crear componentes completamente independientes y todo funciona muy bien.
mi pregunta es si hay forma que a un ...