• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

165
Vistas
Actualice los datos de la aplicación de reacción desde el backend cada 2 segundos

¿Cómo actualizo mi aplicación de reacción cada 2 segundos?

 import React, {useState, useEffect} from 'react'; import {Route, Switch, useLocation} from 'react-router-dom'; import Home from './Home'; function App() { const location = useLocation(); console.log(location); const [feedbacks, setFeedbacks] = useState([]); useEffect(() => { const fetchArticles = async () => { setFeedbacks([]); const url = 'https://url.abc.com/'; const api_response = await fetch(url); let data = await api_response.json(); setFeedbacks(data); } fetchArticles(); }, []) const data = {feedbacks}; return ( <div className="App"> <Switch> <Route path="/" render={() => <Home data={data}/>} exact/> <Route path="/:username" render={() => <Home data={data}/>} exact/> </Switch> </div> ); } export default App;
almost 3 years ago · Juan Pablo Isaza
3 Respuestas
Responde la pregunta

0

¿Has intentado usar setInterval(); en fetchArticles ? Algo como:

 setInterval(fetchArticles(), 2000)
almost 3 years ago · Juan Pablo Isaza Denunciar

0

Hay una función JS para intervalos "setInterval" ejecuta la función que pasas en un intervalo regular en ms.

Esto debería funcionar:

 const fetchArticles = async () => { setFeedbacks([]); const url = 'https://url.abc.com/'; const api_response = await fetch(url); let data = await api_response.json(); setFeedbacks(data); } useEffect(() => { setInterval(fetchArticles(), 2000) }, [])
almost 3 years ago · Juan Pablo Isaza Denunciar

0

 useEffect(() => { const fetchArticles = async () => { setFeedbacks([]); const url = 'https://url.abc.com/'; const api_response = await fetch(url); let data = await api_response.json(); setFeedbacks(data); } setInterval(fetchArticles(), 2000) }, [])
almost 3 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda