así que estoy tratando de tener un botón donde el usuario, al presionarlo, mostrará en la pantalla algunos datos obtenidos de una API. hasta ahora, todo bien, obtuve los datos y cuando presiono el botón, imprime el resultado. pero quiero crear un botón más, donde si el usuario presiona, imprimirá datos json aleatorios de la API cada 3 segundos (como comillas aleatorias), ahora solo lo tengo presionando una vez y obtengo una visualización sólida aleatoria . ¿Hay alguna manera con ganchos sobre cómo hacerlo? Editar: el problema que encuentro es que imprime sin importar lo que presione el usuario, si presiona para obtener una broma, siempre cambia, y no quiero eso.

primer boton que tengo

 <button id="button" onClick = {getQuote}>Get one quote</button> <h3 dangerouslySetInnerHTML = {{__html: quote}} />

y el segundo botón/alternar (para iniciar y detener) a continuación para obtener/aparecer una broma aleatoria cada 3 segundos en la pantalla

 <button id="button" onClick = {handleGetT}>{isActive ? 'Get quotes' : 'Stop'}</button> <h3>{isActive ? null : quote}</h3>