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.
77
preguntas
1
voto
1
respuesta
677
vistas
Método render me duplica los datos?
Tengo un component que al poner una función dentro del método componentDidMount me ejecuta 2 veces lo que tengo en el método render, la 1ra que es la debería ejecutar y vuelve y me ejecuta lo mismo y ...
1
voto
1
respuesta
425
vistas
Como Mostrar/Ocultar un Componente desde otro Componente en Reactjs
Tengo un componente Navbar que tiene un boton (Categorias) luego en el componente Searchbar muestra las categorias y un buscador, necesito que desde el boton del componente Navbar pueda ocultar y ...
5
votos
2
respuestas
3k
vistas
¿ Cuál es el objetivo de usar bind(this) en un método en JS?
¿Por qué en el método filter tengo que usar .bind(this) como sigue: onChange={this.filter.bind(this)}, en vez de solo usar el método filter sin .bind(this) como en onChange={this.filter}?
export ...
3
votos
2
respuestas
786
vistas
¿Cómo obtengo un objeto json dentro de una llamada fetch para usarla en otro lugar?
Mi código es el siguiente:
var countries;
fetch(url).then(r => r.json())
.then(data => {
countries = JSON.parse(data); //Dentro de esta funcion tengo el dato ...
1
voto
1
respuesta
244
vistas
React - Enviar datos por post a una API mediante fetch y obtener el resultado
Esta función dentro de mi código react lo que pretende hacer es enviar los datos mediante post a una API y recoger el resultado.
Para hacer las pruebas los datos correctos que tengo són email a@a.es ...
1
voto
2
respuestas
729
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 ...
2
votos
2
respuestas
70
vistas
Advertencia State dentro de useEffect
Tengo esta advertencia dentro de este useEffect:
useEffect(() => {
setProyecto({
...proyecto,
urlFirebase: urlImg
})
}, [urlImg]);
React Hook useEffect has a missing ...
2
votos
2
respuestas
4k
vistas
Alternativa al AJAX sincrónico
Estoy haciendo una consulta AJAX para asignarle el valor a una variable que si o si tiene que estar declarada en otra función (estoy usando React). Tengo el siguiente código:
En una función A:
var ...
1
voto
1
respuesta
186
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
1
respuesta
696
vistas
¿Cómo modifico varios valores de un objeto en react?
estoy usando React con Typescript y quisiera poder cambiar varios campos de un objeto, uso el hook useState.
El objeto tiene una interfaz así:
interface iu {
nombre: string;
num_seguidores: ...
1
voto
1
respuesta
2k
vistas
¿Como envio un Array desde un Componente hijo al padre? React JS
En el componente Inputs.jsx tengo un arreglo y lo necesito leer en App.js ¿Como puedo enviar esos datos desde el elemento hijo (Inputs.js) al padre (App.js)? Gracias, de antemano
Tengo la siguiente ...
1
voto
1
respuesta
682
vistas
Como mostrar imagenes de un objeto con una API usando react y axios
Tengo una pequeña duda que estoy intentando resolver por mi cuenta hace varios días y no lo puedo lograr, la idea que tengo es hacer una pequeña pokedex donde muestre el nombre y la imagen de cada ...
0
votos
2
respuestas
772
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
2
respuestas
381
vistas
Peticiones React Js Hooks
buenas noches, quiero pedirles un consejo si no es mucha molestia.Estoy trabajando con React y al almacenar los valores que extraigo de una Api y guardarlos en el useState funciona de manera correcta, ...
0
votos
1
respuesta
832
vistas
Para que sirven los parentesis en JavaScript [cerrada]
const jsx = (<h1>Hola!</h1>);
El contenido de la constante es simplemente texto? que representa los parentesis que lo envuelve?
Gracias de antemano!
0
votos
1
respuesta
57
vistas
me toca seleccionar dos veces dos valores en el select para que me reconozca el primer valor que seleccione - reactjs
Cuando selecciono cualquier valor en mi select por ejemplo "5" debe cargarme un boton y al darle clic a ese boton debe aparecerme en un input el valor que sigue que en este ejemplo seria &...
0
votos
1
respuesta
65
vistas
select dinamicos desordenados - reactjs
tengo un inconveniente cuando genero los select dinámicos ya que se crean sin problemas y cuando selecciono solo el de una columna funciona sin problemas pero si selecciono ambas se cruzan los select,...
0
votos
0
respuestas
38
vistas
THIS SET STATE IS NOT A FUNTION
Su ayuda por favor en esta función me devuelve este error, entiendo que es algo de ES6, hay que ponerle un bind a this, algo así que podria probar. no se si tengo que poner todo el código.
Gracias.
...
4
votos
1
respuesta
5k
vistas
¿Se puede importar props de otro componente?
Si importamos un objeto o un json podemos importarlo y enviarlo por las props de un Componente. Ejemplo:
import Componente from './componente.js'
import items from './menu.js'
luego en la ...
5
votos
3
respuestas
12k
vistas
this.state.users.map is not a function
Intentando mostrar datos en una vista en React Js, me he encontrado con un error que siguiendo los pasos del tutorial aun sigue persistiendo:
this.state.users.map is not a function
El código es el ...
5
votos
1
respuesta
663
vistas
TypeError: Cannot read property 'style' of null
Amigos tengo un código de un botón flotante de manera que al bajar en la pagina el botón se muestre de forma automática y se oculte cuando esta arriba en la pagina, el codigo me funciona perfecto ...
2
votos
2
respuestas
925
vistas
Problemas con Promises dentro de Array.map() (JS)
EL escenario es el siguiente, tengo un array con ids con los que puedo retirar informacion de una api.
EL problema es que dicha api tiene un rate limit por lo que cada vez que hago una query a dicha ...
2
votos
2
respuestas
4k
vistas
Como enviar/retornar parámetros entre dos o mas componentes
Quisiera saber como enviar parámetros/información entre dos o mas componentes. Por ejemplo, si en un componente se ejecutan una serie de operaciones aritméticas o que vaya retornar alguna petición sea ...
2
votos
1
respuesta
3k
vistas
Cómo dar formato a una tabla en React teniendo un JSON como fuente de datos?
Estoy aprendiendo React y tengo una aplicación en la cual tengo un JSON que quiero que sea mostrado como una tabla en React, tengo este código
import Data from '../components/users.json';
export ...
2
votos
1
respuesta
619
vistas
¿Para que funciona .bind(this) en Javascript?
Estoy trabajando con Javascript, que funcion tiene la funcionalidad .bind(this)?
Me aparece dentro de un form
import React from 'react';
import { Players } from './../api/players';
export ...
1
voto
0
respuestas
31
vistas
no he podido agregar select dinamicos - reactjs
buen dia , no he podido agregar un select dinámico que ya esta funcionando pero no he podido integrarlo en mi proyecto:
envio un video donde explico lo hay y lo que no he podido hacer, les agradezco ...
0
votos
1
respuesta
11k
vistas
Redireccionar al login en react
me encuentro implementando el login de una aplicación en React que utiliza un jwt guardado en el localStorage para verificar si el usuario está logueado. Al intentar ingresar a la url ¨/home¨, el ...
3
votos
1
respuesta
5k
vistas
Es seguro guardar un token jwt en LocalStorage
Tengo una react-app y almaceno el token jwt en localStorage. He estado investigando y algunos recomiendan usar sesiones. Mi duda es que riesgos corro.
Cualquiera podría usar el token y generar ...
2
votos
1
respuesta
179
vistas
Al darle reiniciar a mi formulario no me esta limpiando todos los campos - reactjs
mi algoritmo hace lo siguiente:
cuando se inicia aparece un select y un input donde se deben agregar cualquier valor luego de darle en el boton "generar".
despues me genera un select con la ...
2
votos
2
respuestas
253
vistas
paginas dinámicas en nextjs
Tengo un pequeño inconveniente... estoy haciendo un blog con nextjs y firestore. Hasta el momento todo marcha bien. El problema es que tengo un archivo [id].js para cargar las publicaciones de forma ...
2
votos
1
respuesta
17k
vistas
¿Cómo implementar el LocalStorage en React?
Quiero implementar el LocalStorage en este componente pero estoy atorado ¿Alguien me podria ayudar a implementarlo?
Lo que busco es guardar la información del usuario para que al momento que vuelva a ...
2
votos
0
respuestas
21
vistas
Mantener los attributes en su posición en el editorSQL. React, JS
buen día, esta la continuación de esta pregunta Poner parámetros desde la UI a un editor SQL, React, Js. Que ya se solucionó. En esta es cuando agrego un parámetro desde el editor SQL y modifico en ...
1
voto
1
respuesta
374
vistas
Como enviar los datos de un componente a otro al hacer click en un botón. React.js
Tengo una consulta, tengo una tabla en la cual se muestran los resultados de la API de pokemon y lo que necesito es que al hacer click en un boton obtenga los datos de la fila, bueno hasta aquí todo ...
1
voto
3
respuestas
1k
vistas
como saber a que boton le dio click? REACT
en REACT:
dentro de una tabla tengo dos botones pero no le puedo cambiar el nombre de los eventos, dado la particularidad de mi caso,(ACA NO ESTA COMPLETO ES UN EJEMPLO)
como puedo saber a que boton ...
1
voto
1
respuesta
2k
vistas
¿Como buscar solo por fecha (Día, Mes y Año) en mongoDB por medio del Resolver?
tengo un sistema en el que quiero comprobar si el titulo del articulo y la fecha en la que se guarda son iguales para mandar un error de que la nota ya se encuentra repetida, pero tengo el siguiente ...
1
voto
1
respuesta
25
vistas
¿Por qué cuando agrego un contacto vacío sale que ya existe en mi aplicación ReactJS?
Tengo mi aplicación en React, algo sencilla a mi parecer, pero el problema que tengo es que al querer agregar un contacto vacío ya sea número de teléfono o nombre sale que ya existe ese contacto, no ...
1
voto
1
respuesta
115
vistas
Como puedo poner secciones por cada objeto de un API en React?
estoy creando un pequeño wiki de Star Wars con SWAPI en React, estoy intentando poner por cada objeto que devuelva el API (ya que devuelve un array de objetos) una seccion donde ponga la informacion ...
1
voto
1
respuesta
62
vistas
Cada vez que se pulsa en un botón, se vuelve a llamar a la misma función para reordenar de manera aleatoria un array en react.js
<div className=" row pt-3 pr-3 pl-3 "> {
shuffleArray(array).map((respuestasv)=>(
<div key={respuestasv.id} className="col-md-6 ">
...
1
voto
1
respuesta
2k
vistas
Diferencia entre Componente y Elemento de React
Estoy estudiando React sin embargo aún no me queda claro cuál es la diferencia entre un Elemento y un Componente de React, claro que he leído la teoría y he practicado los ejercicios del curso sin ...
1
voto
2
respuestas
6k
vistas
Uncaught SyntaxError: Unexpected token '<'
Estoy realizando un proyecto en react, con la plantilla AdminLTE, ya hice funcionar mi login y todo lo demás, el detalle es que a partir de que cree un componente para crear usuarios, cada que guardo ...
1
voto
1
respuesta
3k
vistas
¿Cómo se implementaría este código JavaScript en un Render de reactjs?
Quiero implementar en mi sitio un nav bar que tiene unas acciones con JavaScript, pero no sé cómo implementar el JavaScript en el render de mi componente.
Este es el código en JavaScript:
$(document)...
1
voto
1
respuesta
243
vistas
¿Cómo creo un proyecto con create-react-app con la versión 17 de React y no la 18?
Estaba intentando crear un nuevo proyecto para seguir un curso, pero al crear el proyecto con npx create-react-app my_app se creó todo con la versión de React 18 y sus scripts correspondientes para ...
1
voto
1
respuesta
83
vistas
Sumar valores traidos de una API - react
en mi render yo traigo la informacion de 6 superheroes y sus estadisticas una por una.
{team.length > 0 &&
team.map((oneHeroe, idx) => {
return (
<Col lg=...
1
voto
1
respuesta
75
vistas
que se vaya deshabilitando los botones anteriores de mi array - reactjs
Tengo un select dinamico que funciona de la siguiente forma explico:
Hay un input donde agrego un valor "X" y al darle clic al boton que se llama "generar select" me agreaga ...
1
voto
0
respuestas
47
vistas
Error: Invalid hook call [cerrada]
×
Error: llamada de gancho no válida. Los ganchos solo se pueden llamar dentro del cuerpo de un componente de función. Esto podría suceder por una de las siguientes razones:
Es posible que tenga ...
1
voto
2
respuestas
173
vistas
React Router: Pasar propiedades de un componente por medio del componente Link
Buen día, estoy usando la librería de react router dom para lo que es una aplicación de las características de cada uno de los países del mundo, bueno el problema surge que cuando mando las ...
1
voto
1
respuesta
26
vistas
No puedo acceder al valor _id que da por defecto Mongodb desde React
Tengo un Problema necesito poder utilizar el _id que da por defecto Mongodb para poder obtener una contraseña, Pero lo que pasa es que en el sigueinte codigo en donde ya se obtuvo la informacion del ...
1
voto
1
respuesta
2k
vistas
Agregar items de una pantalla a otra en react js
Tengo un proyecto de un restaurante donde el mesero pueda seleccionar los alimentos y que se vayan agregando al carrito de compras cuando le de click al boton add +. No se como puedo hacerle para que ...
1
voto
3
respuestas
1k
vistas
JavaScript fetch: Error JSON
Tengo un problemilla que me está comiendo la cabeza.
Tengo un fetch, debajo lo dejo, en el que en mi máquina local no tengo ningún problema en recoger el response y el data. En cambio, cuando lo subo ...
1
voto
2
respuestas
196
vistas
Retornar el valor de una promesa y alamacenarla en una variable en ReactJS [duplicada]
Hola necesito retornar el valor a la variable final pero no me ha sido posible me podrian ayudar o decir que estoy haciedno mal siempre devuleve "Promise "
const flag = fetch("/store/...