Preguntas y respuestas e información sobre reactjs

¿Hay alguna manera de llamar a useContext en una devolución de llamada de clic?

Estoy aprendiendo React y tengo un Contexto personalizado accesible con un método de uso: // En un archivo de Proveedor. export const useUsefulObject(): UsefulObject { return useContext(...) } Quiero usar UsefulObject...

• javascript • reactjs • typescript

Cambiar ancho con el mouse

React tiene dos componentes horizontales: <Menú>, <Contenido>. El menú tiene un ancho inicial de 200 px, el contenido tiene un ancho automático, es decir, llena toda la pantalla restante. Cómo hacer el ancho ...

React-Bootstrap Modal, Problema con texto resaltado en Firefox

Estoy usando react-bootstrap 0.31.0 (no puedo actualizarlo porque esta es una gran aplicación heredada con muchas cosas que dependen de la versión). Todo funciona bien en Chrome, pero cuando trato de resaltar texto...

Cómo eliminar un elemento en reaccionar

He abierto el cuadro de diálogo en el botón Eliminar y cuando se presiona Aceptar, se llama eliminarFriut y se le pasa la identificación de la función frutas {let data = [{id: 1, nombre: 'uvas'}, {id: 2, nombre: 'naranja}] const [abrir diálogo, ...

Las acciones deben ser objetos simples. Use middleware personalizado para el error de acciones asíncronas aunque use thunk como middleWare

Recibí este error "Las acciones deben ser objetos simples. Use middleware personalizado para acciones asíncronas". aunque uso thunk como middleware. importar {createStore, applyMiddleware} de 'redux'; ...

¿Cómo puedo pintar e incluir una carga simple hasta que se renderice el componente del elemento?

[¿Cómo puedo pintar e incluir una carga simple hasta dos segundos después de que se represente el componente Item.js? Intenté hacerlo con condicionales, pero no puedo encontrar la manera de hacer un condicional creando un...

¿Cómo habilitar ListItemButton para usar React Router v6 Link?

Estoy tratando de seguir el ejemplo dado en el cajón de mini variante de MUI para hacer que el ListItemButton izquierdo funcione con el elemento Link de React Router v6. La documentación no era muy clara sobre cómo...

Obtenga mosaicos vectoriales después de que termine el zoom/panorámica en Openlayers 6

Estoy tratando de optimizar la carga de mosaicos vectoriales desde mi servidor local. ¿Hay alguna forma o alguna función de carga de mosaicos para obtener los mosaicos solo después de que finaliza el zoom/panorámica? Actualmente estoy usando la siguiente función para...

Tener un problema de URL para compartir Whatsapp en Next js, es decir, OpenGraph, no mostrar ni obtener datos en WhatsApp cuando se usan datos dinámicos

Cuando estoy usando etiquetas meta og en _app.js, funciona con contenido estático, pero cuando lo uso en otras páginas como index, no muestra nada en whatsapp sharing _app.js <Head> <meta name=&...

Reactjs: ¿cómo asimilar el control deslizante y la función de paneo de pellizco juntos?

Entonces, he estado tratando de implementar la función de pellizco pan con el control deslizante en reaccionar js, obtuve el valor para pellizcar la imagen, pero ahora no tengo idea de combinar esas dos características para pellizcar la imagen por ...

las solicitudes simultáneas a un punto final causan errores cors, React, Axios, ExpressJS, NodeJS

Estoy tratando de hacer la misma solicitud varias veces a un punto final y obtengo errores CORS para algunos y ningún error para otros. Configuré CORS en el backend y probé más de 15 soluciones en línea,...

El análisis del módulo falló: la palabra clave 'interfaz' está reservada (5:0) El archivo se procesó con estos cargadores

Es la primera vez que publico un paquete en NPM. He publicado el componente simple React + TypeScript en NPM, pero cuando lo instalé y lo probé, aparece el siguiente error. Vi otras preguntas y respuestas pero...

Cómo hacer que un componente de reacción sea persistente en muchas páginas en React

Puede que haya formulado mal la pregunta, no sé cómo poner lo que quiero hacer en una declaración simple. En el lado derecho de la imagen adjunta hay un icono o componente de mensaje de color rojo. ...

Obtener un error de fuga de memoria de UseEffect para reaccionar al flujo de autenticación de navegación nativo

Estoy tratando de configurar el flujo de autenticación de navegación nativa de reacción, pero me da un error como; Advertencia: no se puede realizar una actualización de estado de React en un componente desmontado. Esto no es operativo, pero indica una pérdida de memoria...

Cómo redirigir la ruta con identificación para que no se encuentre si la identificación no existe en el enrutador de reacción

Tengo una ruta con id de pacientes/:id. Estoy escribiendo route en un navegador como estepatients/10 y muestra datos de un paciente con id 10. El problema es cuando estoy escribiendo una id que no existe en la base de datos...