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.
4,078
preguntas
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:...
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 ...
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 ...
-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 ...
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:
...
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 ...
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:
...
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 ...
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. ...
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 ...
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 ...
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 [...
-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 ...
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';
...
-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 ...
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 ...
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 ...
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 ...
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 (...
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 ...
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 ...
-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?...
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 ...
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 ...
-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 ...
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 , ...
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 ...
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 ...
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 "...
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 ...
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 ...
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....
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 ...
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, ...
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, ...
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',
...
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 ...
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, ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...