Tengo una aplicación de reacción que actualiza los datos de una base de datos en un temporizador de 2 segundos:
componentDidMount() { this.interval = setInterval(()=> this.getSelPos(), 2000); } componentWillUnmount() { clearInterval(this.interval) } async getSelPos() { const response = await axios.get("http://localhost:5000/selector", { crossdomain: true }); console.log(response.data); this.setState({SelectorPos: parseInt(response.data.selector)}); this.setState({Pressure: parseInt(response.data.pressure)}); this.setState({Temperature: parseInt(response.data.temperature)});Esto solo envía a una API de nodo que obtiene un valor de mi base de datos y responde. Actualmente configurado para sondear cada 2 segundos y actualizar la página.
El problema con el que me encuentro es que cuando cierro o minimizo el navegador durante unos minutos, se cuelga durante unos segundos al volver, o se bloquea por completo. Sospecho que esto se debe a que el navegador es inteligente y congela la pestaña cuando no está en uso. Pero estoy perplejo en cuanto a cómo solucionar este problema.