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.
1,831
preguntas
0
votos
1respuesta
12 vistas
JSONWEBTOKEN - NODE JS - React JS
const authuser = async (req,res,next)=>{
const {token} = req.params;
if (token) {
const publicKey = fs.readFileSync('./utils/keys/public.pem');
const {usuario,estado,id,...
1
voto
2respuestas
36 vistas
React JS como mostrar o no mostrar componentes
No estoy encontrando la solucion a este problema, resulta que tengo una SPA, que tiene en comun un Navbar y un Footer. El problema es que al momento de ingresar al "Perfil de Admin" me ...
0
votos
0respuestas
10 vistas
problemas con las lineas de fondo de Bar echarts-for-react
tengo un problema, estoy haciendo una grafica con echarts-for-react pero lo que necesito es que al fondo tenga las lineas horizontales punteadas pero no logro conseguirlas, el ejemplo es este https://...
0
votos
1respuesta
25 vistas
¿Cómo regreso al titulo original luego de usar useEffect para cambiar el titulo en un componente - Reactjs?
¿Cómo hago para que el titulo de la pagina regrese al estado original? Use useEffecten mi componente Pagetwo.jsx para cambiar el titulo y no regresa al titulo original en el componente App.js, es ...
1
voto
2respuestas
27 vistas
Problema creando un componente con react js
Estoy tratando de crear un componente con react luego de hacer una consulta post con axios, el tema es que al parecer renderiza el elemento antes de hacer el setState a la variable o antes de realizar ...
0
votos
1respuesta
28 vistas
Quiero obtener la posición de una celda cuando doy click en ella
Como podría obtener la posición de una celda al hacer click en ella, he coseguido pasarle el numero con las props, y lo que he hecho ha sido colocar un enlace y añadirle el atributo onClick pero no ...
1
voto
1respuesta
16 vistas
Problemas al reproducir un audio en visualStudio y CodePen / ReactJS
Tengo un problema al reproducir un enlace de audio en mi VisualStudio y también en el codePen.
<audio
src="https://drive.google.com/file/d/1rpIU7p9QQxDWi2tEy9HQc6thvHH3qKpX/view?usp=...
0
votos
0respuestas
14 vistas
¿Cómo asignar un vector de contenido para múltiples cards de material-ui?
Soy bastante nuevo en el uso de React y, particularmente en el uso de material-ui y estoy tratando de hacer una web con 9 CardMedia y quiero que cada una muestre una imagen, un título y una ...
0
votos
1respuesta
30 vistas
¿Como crear un Tablero en react? [cerrada]
Me gustaría saber como puedo crear un tablero en react con un numero de filas y de columnas,
ya que me gustaría poder pedir el numero de filas y columnas y luego dibujar este tablero.
No se si tendría ...
0
votos
1respuesta
22 vistas
¿Cómo ocultar etiquetas de un DrawerNavigation React Native?
Esta es la primera vez que publico una pregunta y estoy buscando solucionar este problema que tengo, es un proyecto personal en el que llevo meses trabajando pero tengo este problema y no sé cómo ...
0
votos
0respuestas
26 vistas
Componentes en react
Estoy aprendiendo react e hice un ejercicio y me funciono, pero no entiendo muy bien unas partes de los componentes.
const Title = (props)=>{
return <h1>{props.course}</h1>
}
const ...
0
votos
0respuestas
25 vistas
HOC pero retornando un componente funcional
Estimados me piden conectar un componente de orden superior (HOC), a otro componente tengo un ejemplo pero es un componente de tipo class, como se conectaría en un componente funcional y usando hooks. ...
0
votos
0respuestas
14 vistas
Duda con localStorage y ConditionalRendering con React
Estoy haciendo un proyectito en el que tras una pequeña landing page explicativa de la web, si has aceptado los términos y condiciones de la web te lleva a una pantalla y si no a otra (ya al contenido ...
1
voto
1respuesta
31 vistas
Problema con javascript callback y acceso a props de react
Componente principal
const handleOnClose = () => {};
return (
<TimeLapse onFinishTime={handleOnClose}/>
)
TimeLapse
const TimeLapse = observer(({ store, onFinishTime }) => {
...
0
votos
0respuestas
9 vistas
materialize collapsible funcionalidad
como estan? les comento mi problema estoy levantando una app en react y estoy teniendo problemas con la logica a la hora de importar los scripts y darle la logica a mis componentes hijos ya que ...
0
votos
0respuestas
15 vistas
Cannot use the same canvas during multiple render() operations
Cannot use the same canvas during multiple render() operations. Use different canvas or ensure previous operations were cancelled or completed [closed]
Tengo un problema a la hora mostrar el pdf se ...
0
votos
0respuestas
15 vistas
Cómo descargar archivos en express y React js? [cerrada]
Soy súper novato, ni siquiera sé si la respuesta está formulada correctamente, disculpen la ignorancia. El caso es que necesito desarrollar una app en la que yo pueda cargar archivos .exe y que mis ...
-1
votos
0respuestas
50 vistas
Ruta de Aprendizaje para desarrollo web FullStack [cerrada]
Como se encuentran, me interesaba sacarme la duda con respecto al camino o ruta para desarrollo web Full Stack e iniciado con la parte de Front-End, tengo experiencia universitaria en programación ...
0
votos
0respuestas
26 vistas
Return del store de redux me devuelve un obejeto y no un array
es mi segundo problema más grande creando una app en donde consumo una API ( la de rick and morty )
En este caso en concreto, lo que hice básicamente, fue pasar información especifica de un personaje ...
0
votos
0respuestas
16 vistas
Problemas con las variables de entorno react
estoy teniendo un problema con react cuando este debe identificar si la app esta dentro de un ambiente de produccion o desarrollo, cuando subo la app en heroku y coloco un log(en react) para ver que ...
0
votos
0respuestas
28 vistas
App de React native se queda trabada en el “splash” en Android
Al momento de generar mi apk de mi aplicación de react intento probarla tanto en el emulador de android studio como en un celular físico, pero se queda trabado en la pantalla del splash, por lo que no ...
0
votos
1respuesta
38 vistas
Como pasar propiedades entre dos 'child components' a traves de Router Route en React.js?
Aun estoy aprendiendo React.js y me he encontrado con este problema.
Necesito pasar propiedades desde el 'parent' a dos 'children', ya que es este el modo en que los 'siblings' se pueden comunicar ...
0
votos
2respuestas
35 vistas
¿por que una petición funciona con text/plain y no con application/json?
Estoy tratando de realizar una petición POST con el método fetch en un proyecto de react, el cual al realizar la petición.
Regresa el siguiente mensaje.
CORS Preflight Did Not Succeed
Solicitud de ...
0
votos
1respuesta
14 vistas
Problemas con el registro de usuario persistiendo la data - react
estoy desarrollando una app que actualmente tiene su signIn form que funciona de buena manera:
Cada vez que el user ingresa -> se actualiza el state en el context y se crea un objeto en el ...
0
votos
0respuestas
20 vistas
TypeError: filteredCharacters.map is not a function
, Soy un programador junior-novato en React.JS y tengo un error con este código, y espero que alguno de ustedes me pueda ayudar a encontrar la solución !
Lo que intento hacer con mi código es, llamar ...
0
votos
1respuesta
14 vistas
¿Cómo puedo desplegar una aplicación MERN si tengo dos carpetas separadas, una para el Frontend y otra para el Backend?
En primer lugar, tengo dentro de una carpeta general dos carpetas, una que señala a Frontend en la cual he utilizado la herramienta create-react-app que al darle el comando 'npm run build' me genera ...
0
votos
0respuestas
18 vistas
Apoyo con crear .map con componente MuiDataTable Personalizado
el componente MuiDataTble de Material UI, lo han customizado para que soporte ciertas propiedades, voy a dejar el código del componente customizado, ahora la duda que tengo es que en la creación de ...
0
votos
0respuestas
11 vistas
¿ a como podria solucionar este error cuando renderizo el componente por primera vez En ReactJS?
Tengo una tabla que se llena con una api, estoy usando context porque uso esa informacion en otros componentes, en modo desarrollo la tabla se muestra en 1 segundo pero en produccion la tabla tarda 7 ...
0
votos
0respuestas
14 vistas
Error al correr aplicación en react
Estoy empezando a trabajar con react y al momento de correr el aplicativo me sale el siguiente error en consola.
Failed to load resource: net::ERR_FILE_NOT_FOUND
index.html:1 Access to internal ...
0
votos
1respuesta
15 vistas
Cómo usar el onClick en un botón de un infowindow
Estoy usando react hooks con google-maps-react y tengo el siguiente infowindow con un botón dentro:
<InfoWindow
>
<div>
<button
...
0
votos
0respuestas
15 vistas
Cargar imagen en img mediante event de input
El motivo de la consulta es porque estoy teniendo inconvenientes en visualizar la imagen que se carga en la etiqueta: <img id="imagen1"/>
Con el evento del input se ejecuta la función ...
0
votos
1respuesta
22 vistas
Cannot read property 'params' of undefined en proyecto React/Node
Tengo el siguiente problema ¿Me ayudarían a resolverlo?:
Realice una api en Node, con Express y mongoDb que es consumida desde una aplicación React, llamándola a través de un Fetch y me arroja el ...
0
votos
1respuesta
34 vistas
React js alinear Button
tengo rato tratando de enviar al final del item a un button, aqui un impr:
lo que quiero es que el botton este a la derecha del iten de borde verde, aqui el codigo:
render(){
return (
<...
0
votos
1respuesta
28 vistas
¿Como puedo enviar un array para hacer filtros en una tienda online que hago con React y ReactRouter?
Estoy buscando la manera de poder filtrar productos y que estos se filtros se vean reflejados en la URL para que si refresca o comparten el link puedan volver acceder a la vista de los productos con ...
-1
votos
1respuesta
68 vistas
problemas con key
tengo este codigo en el cual es una tabla pero me han echo una observaciones que debo realizar pero no se como, esto que estoy haciendo es en storybook por si lo ven diferente aun compoente normal, ...
0
votos
0respuestas
22 vistas
Error al poner “npm start” React
Hola estoy tratando de iniciar un proyecto de react, pero al momento de poner npm start me salen los siguientes errores
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! part1@0.1.0 start: `react-...
0
votos
1respuesta
29 vistas
problemas con .map en una tabla
estoy haciendoun componente de tabla pero tengo un error, a este le pasare un array pero cuando se lo paso asi:
const content = [
["#", "Daniel", "Abrego"],
["#&...
0
votos
0respuestas
9 vistas
Problemas con express session con React
Estoy teniendo problemas al hacer una petición a mi api con react mediante una peticion POST, resulta que al hacer la petición va todo bien,me recibe correctamente el usuario, pero cuando me fijo en ...
0
votos
0respuestas
6 vistas
React Web LocalStorage y React Native AsyncStorage en la misma librería
Tengo una aplicación desarrollada en React Web de la cual extraje una librería que encapsula todas las llamadas a una API y guarda información temporal usando localStorage.
Ahora mi intención es re-...
0
votos
1respuesta
19 vistas
Renderizar solo 3 últimos elementos de un array que traje desde una api en Reactjs
Estoy creando una aplicación con Reactjs consumiendo una api de n datos, para lo cual solo quiero renderizar los 3 últimos elementos del array de objetos y cada vez que en la api se agregue un nuevo ...
0
votos
1respuesta
25 vistas
Problema con Background-img en React
Hola a todos tengo un problema con el Background-img: url('')
estoy utilizando React y he programado el file-loader correctamente en webpack, al compilar las imágenes se soportan bien mas cuando ...
0
votos
1respuesta
28 vistas
Sigue manteniendo el estado al eliminar una card user - React Hooks
Hola estoy a punto de terminar la sgte aplicacion y me he tomado con algo inesperado. Explicacion del problema: al entrar a la app, se muestran 3 usuarios, al cambiar la imagen de cualquiera de estos, ...
0
votos
1respuesta
35 vistas
Consumir api rest react native
Estoy investigando un poco React native.
Estoy consumiendo una api rest propia, pero mi problema viene, al mostrar los datos, no se muy bien como hacerlo, busco un poco lo que sería el equivalente de *...
0
votos
0respuestas
19 vistas
Actividad inusual de un codeMirror
Les cuento, necesito editar un registro previamente guardado.
El sistema me funciona actualmente, es decir, tengo un boton que al clickearlo (editar) me lleva a una pagina con la información asociada ...
0
votos
0respuestas
22 vistas
Cambiar pin de directions renderer con react-google-maps
Estoy usando react-google-maps y al momento de mostrar la ruta entre el punto origen y punto destino me devuelve iconos por defecto, he buscado en la documentación pero sinceramente no encuentro ...
0
votos
0respuestas
9 vistas
The library com.google.firebase:firebase-ml-common is being requested by various other libraries at [[17.0.0,17.0.0]], but resolves to 22.1.2
Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0.
Use '--warning-mode all' to show the individual deprecation warnings.
See https://docs.gradle.org/6.2/...
0
votos
0respuestas
29 vistas
Problema con el entorno de desarrollo de react
estoy teniendo un problema a la hora de arrancar con react, he instalado node y yarn y a la hora de arrcancar el Visual Studio me tira el siguiente error
¿Alguien sabe a que se que puede ser?
Gracias....
0
votos
1respuesta
26 vistas
como Pasar datos de un componente otro en la funcion onclick
tengo 2 componentes funcionales y quiero pasarle el valor de un atributo al otro componente pero cuando lo hago se pasa undefined
import React from 'react'
export const Componete1 = () => {
...
-2
votos
0respuestas
28 vistas
¿Cómo implementar un sistema de llamadas igual a whatsapp en react native? [cerrada]
¿Alguien sabe cómo implementar un sistema de llamadas en React native similar a whatsapp? Es decir, incluso con la aplicación abierta en segundo plano o simplemente el teléfono bloqueado, se abre una ...
0
votos
1respuesta
27 vistas
Error en mi calculadora hecha con Reactjs
Adjunto mi codigo...
class Calculator extends React.Component {
constructor() {
super();
this.state = {
display: '0',
formula: '',
};
this.handleNumberClick = this....