Estoy tratando de generar datos aleatorios en reaccionar. Pero los datos comienzan a moverse después de 1 segundo, 1 entrada, luego, después de otro segundo, 5 entradas, luego 26, luego 126, etc., después de cada segundo, los datos se generan exponencialmente. Pero quiero generar solo 1 grabar después de 1 segundo
function App() { const [pktD,setPktD]=useState({ chid:0, peakVal:0, }) const dataGen=setInterval( function(){ setPktD({...pktD,chid:Math.random()*253}); setPktD({...pktD,peakVal:Math.random()*10000}) },5000) console.log(dataGen); return ( <></> ); }También trato de implementar en un enlace personalizado pero tengo el mismo problema. La primera entrada se genera después de 5 segundos, pero luego los datos generan intervalos aleatorios. myCustom hook está debajo. También probé esto.
import React ,{useState} from "react" function DataGenerator(){ const [pktD,setPktD]=useState({ chid:0, peakVal:0 }) const dataGen=function(){ setPktD({...pktD,chid:Math.random()*253}); setPktD({...pktD,peakVal:Math.random()*10000}) return pktD } return [dataGen]; } export default DataGenerator;puedes hacer algo como esto
import React, { useState, useEffect } from "react"; function App() { const [pktD, setPktD] = useState({ chid: 0, peakVal: 0 }); useEffect(() => { const dataGen = setInterval(function () { // setPktD({ ...pktD, chid: Math.random() * 253 }); // setPktD({ ...pktD, peakVal: Math.random() * 10000 }); setPktD((prevState) => ({...prevState, chid: Math.random() * 253, peakVal: Math.random() * 10000})); }, 5000); return () => { clearInterval(dataGen); } }, []); console.log(pktD); return <></>; } export default App;porque no está borrando el intervalo junto con el uso también en useEffect porque se está ejecutando de forma asíncrona.