Preguntas con la etiqueta [react-hooks]
Los Hooks son una nueva característica en React 16.8. Estos te permiten usar el estado y otras características de React sin escribir una clase.
113
preguntas
0
votos
1respuesta
24 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 ...
0
votos
1respuesta
28 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
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 ...
0
votos
1respuesta
34 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
0respuestas
19 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
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
1respuesta
14 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
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
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 = () => {
...
0
votos
1respuesta
25 vistas
Consola del navegador web no muestra Warnings ni Errores REACT
Se supone que la consola debería mostrar este tipo de advertencias y errores por ejemplo: cuando defino una constante y no se utiliza la misma debería aparecer un Warning, que me indica que la ...
0
votos
1respuesta
32 vistas
React setState no se actualiza con onChange
Estoy aprendiendo React y tengo un problema con useState, necesito que se actualice después de escribir 5 caracteres en un input. Se que el problema tiene que ver con la asincronía de useState, sin ...
1
voto
0respuestas
23 vistas
Modal en el Componente Padre no funciona
Estoy intentando ejecutar el modal desde el componente padre pero no se ejecuta y me da error, como uso hooks para que se vea el modal?
Primero necesito que dependiendo de mi listener de mi evento de ...
-1
votos
2respuestas
38 vistas
¿Como podria hacer esto en ReactJS? [cerrada]
lo que quiero el nav se mantenga para todas las paginas de mi web, sin necesidades de llamarlo en todos los componentes esta es mi homepage
Al darle click algun boton me redireccione pero que se ...
0
votos
1respuesta
32 vistas
Problema con React Hooks
al momento de usar un onClick y pasar por parametros unos datos y escribirlos directamente en el setState si actualiza el estado, pero si intento hacer algo antes de actualizar el estado no pasa nada.
...
0
votos
1respuesta
42 vistas
Incluir javascript de terceros en React da error Uncaught SyntaxError: expected expression, got '<'
Estoy tratando de incluir un script en una aplicación de React, sin embargo me da un error de tipo Uncaught SyntaxError: expected expression, got '<'. Ya he buscado y hay varias opciones ...
1
voto
0respuestas
42 vistas
Función que lee los datos del estado en react, pero no me los muestra completos
Tengo un codigo que lo que hace es pedir a firestore (firebase) informacion para poder mostrarla, pero en firestore no existe lo que en otras bases de datos llamaríamos "llaves foráneas", en ...
0
votos
1respuesta
15 vistas
Problema con Hooks en React, no me deja imprimir datos
estoy teniendo un inconveniente con los Hooks de react y he buscado pero no se como solucionarlo.
El programa me lee bien los datos de Firestore, me los almacena en el SetState correctamente, pero ...
0
votos
1respuesta
19 vistas
Recursividad react y renderizado
tengo el siguiente problema. Yo necesito traer un listado de empleados llamando una API; dichos empleados pueden tener subempleados y esos subempleados pueden tener otros subempleados hasta "n&...
0
votos
0respuestas
16 vistas
Cómo pasar funciones por parametros a un hook reactjs
Tengo una dificultad con los hooks de reactjs. Tengo una componente hook que implementa un metodo para detectar el onchange. Ese metodo lo paso a un parametro a un hook para un input. El problema es ...
0
votos
0respuestas
19 vistas
¿Como agregar el loader skeleton al datatable en reactjs con primereact mientras termina de leer los datos de una api?
Soy nuevo usando react y primereact...
la verdad es que entiendo más o menos el uso de datatable y la propiedad de loading y el loader como tal...
Este código es de un archivo .js que sirve como ...
0
votos
1respuesta
24 vistas
Que sentido tiene retornar useState hook de esta manera
estoy aprendiendo a utilizar context API de React y me encontre con una syntaxis que no termino de entender su finalidad
const useLoadingData = () => {
const [loading, setLoading] = useState(...
0
votos
1respuesta
30 vistas
Repetir una función varias veces en react hooks
necesito ayuda con algo estoy intentando hacer que se repita una función varias veces pero no lo realiza no se si estoy usando mal el for o si para realizar esta repetición en react hooks se realice ...
0
votos
1respuesta
40 vistas
Problema con useEffect y etiqueta video en Reactjs
estoy intentando tomar un video html sin controles y personalizar los mismos, presento el problema que necesito que mi linea de tiempo se actualice constantemente con el currentTime del video, uso los ...
0
votos
0respuestas
12 vistas
react-select acepta solo como option un valor “label”?
estoy manipulando información de mi base de datos si o si tengo que crear un atributo para mis entidades que sea label para que el componente select de react-select pueda tomarme los valores en "...
0
votos
1respuesta
40 vistas
Console.log me devuelve undefined y un objeto… request axios react hooks
Buenas estoy armando un componente hook de react y al hacer una request con axios y manipulando la respuesta colocandola en el estado de mi componente me tira error por que me dice que no se puede ...
0
votos
3respuestas
45 vistas
React, estado tarda en actualizarse
Necesito guardar algo en mi base de datos por lo que tengo que mandar un objeto, este objeto lo tengo en un estado debido a que uso algunas propiedades para el formulario y otras las asigno antes de ...
0
votos
0respuestas
21 vistas
Cannot read property 'dereference' of undefined React-pdf
¡Hola comunidad!
Estoy haciendo un proyecto el cual tengo que generar un Pdf con valores ingresados de un formulario, estoy usando React-pdf y useState para capturar los datos, cuando empiezo a ...
0
votos
3respuestas
40 vistas
¿Cómo uso useState en React para modificar una propiedad de un objeto que está en un array?
mi array de objetos:
const [newe, setNewe] = useState([
{uno:false},
{dos:true, seg:false},
]);
deseo usar SetNewe para escribir un objeto sin eliminar los demás; ejemplo: ...
0
votos
0respuestas
45 vistas
ordenar mi array en orden alfabetico en ReactJs
Guardo la lista de mi API en el estado que cree, llamado "data". cuando hago el map me trae la data. Pero quiero que me la traiga en orden alfabético. Estaba pensando en usar sort en mi ...
0
votos
1respuesta
23 vistas
Suma de dos inputs con React Hooks
Estoy empezando a manejar states con React Hooks y me gustaría lograr la suma de dos inputs a traves de un botón.
Hasta ahora manejo el onChange de los inputs , pero no se como sumar esos estados.
...
0
votos
0respuestas
8 vistas
Creando un custom hook para un select con Materialized Css (no se me muestra en pantalla)
Estoy intentando crear un custom hook que me retorne un select con materialize css pero cuando llamo el componente no se me pinta en pantalla. estoy haciendo un formulario para cargar un producto, el ...
0
votos
1respuesta
62 vistas
Valor inicial de useState a partir de un parámetro recibido desde un botón (React)
Tengo un botón que envía un parámetro a una función "capturaCheck"
<ToggleButton onChange={(parametro) => capturaCheck(item.id, parametro)}>
{item.id}
</ToggleButton>
En ...
2
votos
1respuesta
45 vistas
Duda con React useState y objetos
resulta que estoy desarrollando una aplicación y me he topado con un comportamiento curioso en el manejo de estadoscon hooks.
Primero que nada quiero aclarar que entiendo la diferencia entre variable ...
0
votos
0respuestas
28 vistas
Como usar AsyncStorage en react native
Como puedo hacer para guardar el resultado de AsyncStorage.getItem(KEY) y usarlo en otra parte de mi aplicación ?.
Tengo algo como esto.
const [storage, setStorage] = useState();
const getData = () =&...
0
votos
0respuestas
27 vistas
Añadir producto a carro de compras con firebase y react
Tengo el siguiente problema:
Necesito poder ingresar un producto a firebase, pero no mediante los inputs, sino que por medio de la llamada que hace a la base de datos de firebase donde se encuentran ...
0
votos
1respuesta
48 vistas
Cómo pasar correctamente el valor de un input a otro componente en React
estoy practicando con formik e hice un formulario multistep
todo bien con los inputs, pero a la hora de crear un input autoincrementable a través de botones, esos valores no se pasan al resumen final, ...
0
votos
1respuesta
31 vistas
Obtener valor de una consulta graphql y mostrar en un input de React
Estoy escalando una aplicación que yo no hice y tengo poca experiencia con React y nula con graphql, así que se me dificultan cosas incluso algo obvias, por lo que solicito la ayuda de la comunidad ...
0
votos
2respuestas
51 vistas
Comunicación entre componentes ReactJs
Me ayudan, por favor?
tengo dos componentes hermanos, uno que muestra los comentarios de cada estado y otro donde puedo agregar un comentario al estado correspondiente.
componente <Estados>
el ...
1
voto
2respuestas
62 vistas
Llama a API con setinterval react js
Estoy trabajando en react usando hooks, uso useEffect para hacer un llamado a la API cada 80 segundos con ayuda de setinterval funciona muy bien, pero necesito que el primer llamado sea más rapido y ...
0
votos
1respuesta
35 vistas
Error: scrollToIndex should be used in conjunction with getItemLayout or onScrollToIndexFailed React native
Estoy haciendo un carrusel o un slider con auto Scroll de imágenes en React native, funciona perfectamente , pero cuando inicia de nuevo a deslizar las imágenes, que en este caso son 3 me salta ese ...
0
votos
0respuestas
20 vistas
Diferencia entre el spread y el map
Estoy iniciando un proyecto en react utilizando hooks como el useState.
Actualmente modificando el estado utilizando el ...spread y el .map.
El spread hace una copia del estado.
El Map hace un clon ...
1
voto
0respuestas
63 vistas
UseEffect Reack hook
Estoy haciendo una práctica en React, en la cual tengo un input y la persona escribe su Pokemon favorito y lo trae todo bien. El problema es que quiero mostrar los juegos en los cuales el Pokemon ha ...
0
votos
1respuesta
22 vistas
Error al llenar un state dentro de uno de los filtros de react(map)
Lo que quiero hacer es llenar un state de react js , dentro de un map....
Lo q pasa es que solo se llena con solo dato(es como si solo recorreria una vez por renderizado...)
Estuve probando varias ...
1
voto
1respuesta
44 vistas
Convertir string de localstorage a tipos de datos manejables en JS
Estoy haciendo un administrador de dinero con React, ya está finalizado, ahora lo que quiero es actualizarlo, me explico: el administrador no trabaja con bases de datos, por lo que al recargar la ...
0
votos
0respuestas
12 vistas
Hook no guarda los JSON de un API
Estoy tratando de crear un dropdown jerárquico de Provincia, Cantón, Distrito el cual se va llenando de forma que se selecciona provincia y luego según la provincia se llena y el canton y asi ...
0
votos
1respuesta
64 vistas
Cargar datos al renderizar un componente
tengo una duda, cómo podría hacer que carguen los datos de localStorage en estados al renderizar un componente. Tengo una vista llamada MainForm donde se ejecuta una función que guarda los datos en ...
0
votos
2respuestas
18 vistas
Renderizar modal con datos de un submodal REACT
Buen dia tengo el siguiente problema:
Tengo un componente modal (le llamaremos modal 1) en el que necesito que el usuario llene información, en este modal abro otro segundo componente modal(le ...
0
votos
0respuestas
11 vistas
Como agregar un buscador de coincidencias en react?
tengo el siguiente código pero no he logrado que en el input me deje escribir y que traiga el numero de placa, alguien que me pueda ayudar a que mi en el input traiga la información que le pido.
lo ...
0
votos
0respuestas
35 vistas
Custom hook para formularios, problema al pasarle el objeto de errores al form. ¿Cómo hacerlo?
Muy buenas, estoy trabajando en un custom hook, similar a react-hook-form, claro, que más sencillo...
He conseguido obtener los valores de los inputs del formulario, así como validarlos.
El problema ...
0
votos
0respuestas
156 vistas
Como pasar datos de props a un state en React Hooks
El dato es enviando desde un componente hijo a un componente padre utilizando React Hooks y Redux, el dato llega correctamente al componente padre y lo puedo visualizar inicialmente con un console.log ...