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.

Filtrar por
Ordenado por
Etiquetadas con
0 votos
0 respuestas
4 vistas

¿Qué es el "Payload" en el contexto de React/Redux?

Estoy estudiando la creación de acciones en Redux usando React, pero no me queda claro bien el concepto de "Payload" Entiendo que es una convención para definir los datos de una acción, pero:...
Joshua Torres's user avatar
0 votos
0 respuestas
21 vistas

Imágenes de fondo de tailwind no funcionan al hacer build con vite

Estoy haciendo un proyecto que usa Tailwind, Vite y React. Cuando desarrollo en dev la imagen de fondo se ve correctamente, pero cuando hago el build la imagen de fondo no se muestra y es porque ...
Bender Paisa's user avatar
  • 12.6k
0 votos
0 respuestas
8 vistas

Como obtener elementos de una coleccion de otro usuario en firebase

estoy tratando de obtener los productos de una coleccion que tiene cada usuario en firebase. No logro obtener esa coleccion que pertenece a cada usuario en particular. La idea es que al ingresar en el ...
no me estresen's user avatar
-2 votos
0 respuestas
23 vistas

Libreria para test en react con ES modules y typescript de manera nativa? [cerrada]

Quiero realizar tests unitarios en un proyecto que tengo en react con typescript y ES modules . jest me da errores y como el proyecto esta avanzado sin ningun test anteriormente, preferiria algun ...
Alvaro Martinez's user avatar
1 voto
0 respuestas
9 vistas

Prevenir pasar de fila al presionar enter en x-data-grid mui/material

Tengo un x-data-grid de mui/material en modo editable, pero me gustaria que al actualizar una columna el foco se mantuviera en la misma columna. Alguien sabe si es posible? Demo de material: ...
DoubleM's user avatar
  • 1,461
0 votos
0 respuestas
8 vistas

Manterner barra de herramientas de TinyMCE al perder el focus

Estoy usando TinyMCE 6 con React y estoy creando un plugin para agregar comentarios con la selección del texto dentro del tiny y el texto del comentario lo agrego desde otro componente externo, pero a ...
Yasser Jiménez Martínez's user avatar
0 votos
0 respuestas
13 vistas

Dejar por fuera del scrolling el navbar (topbar.)

Ayuda por favor, quisiera dejar por fuera el efecto scrolling del contenido. Cuando el contenido habilita el scroll, este se ve reflejado en toda la página afectando el topbar. Componente App.js: ...
AlJw's user avatar
  • 77
0 votos
0 respuestas
16 vistas

¿Cómo puedo proteger mis rutas en una estructura de navegación con React Router Dom v6?

Estoy trabajando el front de un proyecto ERP muy antígüo de una empresa y me asignaron implementar rutas protegidas sin cambiar la estructura. Cada ruta tiene una carpeta diferente donde se realiza la ...
Sieie's user avatar
  • 1
1 voto
0 respuestas
23 vistas

error en laravel . error en consola 401 (Unauthorized) al hacer petición

tengo una consulta , paso a detallar lo mas que pueda para poder tener una ayuda: Estoy haciendo un proyecto con backend en laravel y en frontend con react. En laravel, estoy usando laravel sanctum. ...
Mar Klimisch's user avatar
1 voto
0 respuestas
31 vistas

Tengo un error cuando quiero usar CHECKOUT PRO de la API DE MERCADO PAGO

estoy trabado hace mas de 2 meses con este error. Soy novato por lo que si repondes por favor haganlo en terminos muy basicos. Estoy tratando de desarrollar un ecommerce pagando con mercado pago, hice ...
Pablo Alejandro Acuña's user avatar
0 votos
0 respuestas
8 vistas

Error en el servidor con NextJs y Framer Motion

Estoy tratando de animar las cards cuando se renderiza el componente pero tengo un error. Parece haber una discrepancia entre el HTML inicial generado en el servidor y el HTML que React intenta ...
José Ignacio's user avatar
0 votos
0 respuestas
20 vistas

En una calculadora tengo un boton = y quiero que despues de presionarlo y se haga click en otro boton de numeros borre el resultado y agregue el nuevo

import "./App.css"; import { useEffect, useState } from "react"; function App() { Estos son mis estados const [displayer, setDisplayer] = useState("0"); const [...
Alejandro Cullen's user avatar
-1 votos
0 respuestas
19 vistas

Estoy usando REACT + VITE, el problema es que cuando hago un npm run build las .env no se compilan

Tengo el archivo en la ruta raiz del proyecto un .env el codigo es el siguiente import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' // https://vitejs.dev/config/ export ...
Jhorman Nieto P's user avatar
1 voto
0 respuestas
26 vistas

Como direccionar de un componente a otro mediante clic en botones en React

Quiero que de este componente home me direccione a otros componentes haciendo clic en los botones creados, pero no logro con algunos metodos que intente con Router, Link, etc. import './Home.css'; ...
Ariel Velasco Antezana's user avatar
-2 votos
0 respuestas
25 vistas

SE ESTA REINICIANDO EL FORMULARIO CUANDO SELECCIONO UNA OPCION EN EL CAMPO 'TERCERO'

Cuando selecciono una opción en el campo 'Tercero', se desaparecen las opciones seleccionadas en el campo 'Método de pago' y se desaparecen las opciones escritas en los campos: -Cuenta PUC base del ...
Marlon Julián Londoño's user avatar
1 voto
0 respuestas
18 vistas

Como utilizar emailJS.com cuando se monta un componente en react usando useEffect

queria saber si me pueden ayudar con este codigo. Contexto: estoy haciendo mi primer porfolio y la idea es usar la libreria emailJS.com para que me llegue un correo a mi gmail cuando alguien entre a ...
Magali Pereyra's user avatar
0 votos
0 respuestas
20 vistas

Liferay y React

Como se podria crear una libreria para consumir desde diferentes proyectos de React. Esta la opcion de usar "npm link" pero al tener conocimietos muy basicos de React no estoy seguro y ...
Syrcom's user avatar
  • 1
0 votos
0 respuestas
15 vistas

Problemas con mostrar datos en page con JSX la data no se muestra en la page correcta

Tengo dos pages en jsx en secciones distintas de un sitio pero cuando cargo data se carga en la primera page que encuentra no necesariamente en la que estoy. Por ejemplo tengo la page TaskInformation ...
newJSX's user avatar
  • 1
0 votos
0 respuestas
9 vistas

Como obtener el token de usuario para peticiones http si estoy usando nextAuth?

He creado una sesión con next 13.4.19 y next auth 4.23.1, también tengo un middleware para proteger mis rutas, todo esto funciona bien, cuando logeo un usuario obtengo una sesión y un token de sesión (...
John Osorio's user avatar
0 votos
0 respuestas
13 vistas

En un proyecto usando Lazy Loading y Suspense en React no logro renderizar un componente

Espero que esten bien. Tengo un problema realizando un proyecto en React, particularmente una suerte de react-router pero menos pretencioso solo para entender la dinamica de como funciona esa libreria ...
alejoevilches's user avatar
0 votos
0 respuestas
12 vistas

No puedo mostrar una imagen en Next.js

Necesito mostrar la imagen de mi logo para mi portfolio pero ya intenté de todo y no me carga la imagen, aclaro que la imagen es un ".png" con el fondo transparente. El error que me aparece ...
Martin Vijarra's user avatar
-1 votos
1 respuesta
21 vistas

Como ejecutar una pagina?

hice un git clone de mi repositorio que subi desde otra PC y me lo baje a una nueva PC que tengo. cuando intento correr el la pagina con npm start o npm run dev me tira este error... como lo soluciono?...
Agus Albarracín's user avatar
0 votos
1 respuesta
90 vistas

Como solucionar el problema de" is not a function" cuando en realidad si lo es?

La situacion es la siguiente, tengo 2 componentes (checkout ; checkoutForm) el primero hace la logica para crear una orden de compra, y el segundo es el formulario que pide los datos al usuario para ...
Tiago Salgado's user avatar
0 votos
3 respuestas
41 vistas

Como desactivar el "corriendo en tu red local" en React

Junto con saludarles les comento que estoy realizando un proyecto personal en react, pero al momento de ejecutar el comando npm start me di cuenta que luego aparece un problema, y ese problema es que ...
сꝛıϻѕοɴ ᴠᴇɴoϻ's user avatar
-1 votos
0 respuestas
24 vistas

Pasar props de client component a server component en nextjs 13.4 (app)

En un proyecto en nextjs donde estoy utilizando next-intl-docs.vercel.app para generar una web con idiomas, en este caso EN y ES Los valores que obtengo vienen del consumo de strapi y ese json, para ...
csh's user avatar
  • 1
1 voto
2 respuestas
64 vistas

no puedo traer los datos desde mi reducer hacia mi componente hecho con redux sagas

como he comentado en el titulo , estoy intentando traerme los datos de una api a mi componente, desde el componente puedo enviar mi petición sin problema , pasa por el reducer , comienza la action , ...
Alejandro's user avatar
0 votos
2 respuestas
17 vistas

Problema de enrutamiento en produccion con react y express

estoy terminando un sistema de gestion para una empresa que tiene que tener una integración con su viejo sistema ya que hay reportes y herramientas que aún no desarrollé. El proyecto esta hecho con ...
Angel Magaquian's user avatar
0 votos
1 respuesta
57 vistas

¿Cómo crear un configurador para React JS

Me explico, necesito que mi proyecto en React, posea un archivo u alguna otra forma donde poder especificar la URL de una API, la idea es que el usuario final con el proyecto ya empaquetado y ...
Rorber Rodríguez Arcaya's user avatar
0 votos
0 respuestas
10 vistas

No se me recarga el Array en la otra pantalla React Native

Problema de actualización en React Native al agregar productos al carrito Estoy trabajando en una aplicación de React Native donde tengo dos pantallas principales: "Products" y "...
wadesnakecoder's user avatar
1 voto
1 respuesta
23 vistas

Me llega undefined el user login

necesito ayuda, estoy realizando un programa usando Node.js y Express para el backend y React.js para el frontend. El problema es que cuando inicio sesion con un usuario creado en la BD (MySql) y ...
Cristian Fernandez's user avatar
0 votos
0 respuestas
7 vistas

como crear un cron job apartir de un form, nextjs

quiero hacer un formulario para generar una programacion(SCHEDULE) con los datos obtenidos del mismo, lo que he logrado leer es que se necesita un server externo para lograr esto con nextjs, quisiera ...
mormig93's user avatar
1 voto
0 respuestas
26 vistas

Problema de login con nextjs y typescript

estoy realizando un login usando NextJS y TypeScript; pero no puedo realizar el login y redirección correspondiente; verificando la consola, capturo correctamente los inputs, y verifico con un console....
AngeloJS's user avatar
0 votos
0 respuestas
7 vistas

Cómo replicar una animación hecha en webFlow en react con next.js

Cómo están? Perdón la molestia, pero tengo una duda que me está comiendo la cabeza. Necesito replicar la animación inicial de la página [1]: https://www.ghimprove.com/mx/inicio Los desarrolladores ...
Lucas Negro's user avatar
0 votos
0 respuestas
10 vistas

Tengo una Drum machine y y un estado para cambiar el audio, lo que quiero es que cada vez que haga click en uno de mis botones se reproduzca el audio?

import "./App.css"; import { useState } from "react"; import heater from './Heater-1.mp3' function App() { const [power, setPower] = useState(false); const [audioSrc, ...
Alejandro Cullen's user avatar
0 votos
2 respuestas
28 vistas

Componente personalizado que tenga un campo de texto y un campo de selección usando React MUI

me gustaría crear un componente personalizado que pueda usar un campo de texto y un campo para seleccionar alguna opción usando React MUI, he buscado en la biblioteca pero no he encontrado nada, ...
fercoopat's user avatar
0 votos
0 respuestas
22 vistas

La cookie solo se ve en el localhost

Hace tiempo vengo teniendo un problema con React y las cookies. El problema es que cuando creo una cookie desde el backend res.cookie('token', token, { sameSite: 'none', ...
Mateo's user avatar
  • 1
0 votos
0 respuestas
16 vistas

Laravel fichero de string para html

Estoy desarrollando una aplicación web con laravel. Y tengo una duda de si es posible almacenar todas las cadenas que se van a utilizar en las etiquetas html en un solo archivo para llamarlas luego y ...
wuatios's user avatar
0 votos
1 respuesta
20 vistas

Pasar datos de ReactJs a Flask API Python

Estoy tratando de hacer una API en Flask la cual solo llamará a procedimientos almacenados que ya están en una base de datos en MySQL. Código de la interfaz en ReactJs: import { useEffect, ...
Saulo's user avatar
  • 107
0 votos
0 respuestas
4 vistas

Vite + React SPA no funciona en IOS

Estoy teniendo un problema con mi SPA. Resulta que está funciona de lo más bien con windows y Android, utilizando chrome como navegador, y en IOS (IPhone) utilizando Safari o Chrome no funciona, ni ...
BautistaCodes's user avatar
2 votos
1 respuesta
34 vistas

Agregar a favoritos

Estoy intentando generar un e-commerce de instrumentos donde los usuarios puedan una vez registrados añadir un producto a favoritos… honestamente no sé hacerlo y los tutoriales que halle no fueron ...
mayte 's user avatar
  • 23
0 votos
0 respuestas
26 vistas

¿Por qué parte del componente Reajct no se muestra en algunos navegadores?

Soy nuevo usando React y estoy haciendo un pequeño proyecto. Resulta que en mi PC todo funciona como debe ser, pero cuando subo el proyecto a internet y lo ejecuto en algunos navegadores no se ...
ernesto henriquez's user avatar
0 votos
0 respuestas
11 vistas

Como colocar condicionales en React para validar un diagnostico?

Estoy haciendo un app en React que mida el IMC de una persona, tengo la operatoria hecha. mi problema es que cuando quiero que condicione el diagnostico (ya sea si alguien esta en peso normal, bajo ...
gonzalo andres escalona gallar's user avatar
0 votos
0 respuestas
19 vistas

Problema con funcion para sumar cartas

tengo este componente en React, para simular un juego de Blackjack, mi problema es que no puedo hacer correctamente la funcionabilidad para que el Croupier robe cartas. Cuando se pasa de 21 o llega a ...
Tomas Saquilan's user avatar
0 votos
0 respuestas
11 vistas

¿Como agregar el token csrf de django a react?

Este es el código de react que estoy tratando de mandar un fetch a un servidor django porque me sale crsf token missing ¿como hago para mandar o configurar el token tengo que crear en un archivo ...
gingerargentinegirl123's user avatar
0 votos
0 respuestas
30 vistas

Warning: Invalid hook call. Hooks can only be called inside of the body of a function component

Estoy levantando mi primera app en react en asp.net core, y al abrir mi page me devuelve el siguiente mensaje. Warning: Invalid hook call. Hooks can only be called inside of the body of a function ...
Robinson Ascencio Peña's user avatar
0 votos
0 respuestas
20 vistas

Consumir imagenes que cargo desde asp,net con React.js

vengo a pedir consejo. Estoy trabajando app asp.net con React js. al guardar las imagenes dentro de mi proyecto, uso el metodo ContentRootPath() para obtener mi ruta raiz y crear una carpeta dentro de ...
Leandro Vece's user avatar
0 votos
0 respuestas
16 vistas

volver atras con react

estoy para un proyecto generando un detalle de producto de una "tienda de musica", hasta ahora lo tenemos como volver atras hacia el home (donde presentamos algunos de los productos ...
mayte 's user avatar
  • 23
0 votos
0 respuestas
18 vistas

Agregar componentes de react a las diferentes apps de Django

he visto varios en Youtube de cómo integrar react con Django, la mayoría lo hace con Django rest framework, no he visto algún vídeo que no lo haga con DRF. mi pregunta es: ¿Cómo puedo integrar react o ...
Elliot's user avatar
  • 1
0 votos
0 respuestas
22 vistas

Problemas Con API de Age Of Empires

tengo un problema utilizando la API (https://age-of-empires-2-api.herokuapp.com/) quiero utilizarlo en un trabajo de React me sale este error: "There's nothing here, yet". y no se como ...
Gaby Costilla's user avatar
0 votos
0 respuestas
28 vistas

Error "Build Failed Command "npm run build" exited with 1 - RollupError: Could not resolve" al realizar deploy con vercel con vite-react js

actualmente terminé un projecto que hice para un curso de react js y estoy teniendo inconvenientes a la hora de realizar el deploy en vercel. Intenté cambiar la forma de importar los componentes, les ...
Eze Quevedo's user avatar

1
2 3 4 5
82