Tengo un socket definido en el backend que acepta solicitudes continuas para el servidor. Ahora, quiero enviar solicitudes continuamente a la API de back-end, hasta que se presione un botón de parada. Entonces, puedo usar un bucle (MALA PRÁCTICA). El problema es que nunca comprueba el estado actualizado. Entonces, ¿cómo puedo implementar esto con la mejor práctica de codificación posible?

1. Estoy usando dos páginas diferentes en Next.JS para cliente y servidor. El servidor tiene un botón simple para iniciar y detener el servidor, y cuando el botón está configurado para iniciarse, debería aceptar solicitudes continuamente y actualizar el estado de respuesta, y cuando el botón está configurado para detenerse, debería dejar de solicitar más.

 const [close, closeButton] = useBoolean() // State for close button let req; proto ? req = 'UDP' : req = 'TCP' // There is a checkbox to select the connection mode. proto is a state. console.log(`Close button: ${close}`) // This state updates correctly. const onSubmit = async () => { while(!close) console.log(`Close button: ${close}`) // This state does not update while staying in the loop. const res = await serverRequest(req) console.log(res.messageFromClient) } }

Entonces, ¿cómo debo hacer que esto se ejecute indefinidamente hasta que se presione el botón de cerrar? ¿Debo usar redux para el estado global o hay una mejor manera que no sea el ciclo while?

Código de cliente para referencia:

 const onSubmit = async values => { const clientData = await clientRequest({proto, JSON.stringify(values.message)}) console.log(clientData) console.log(values.message) }

Este código envía datos del cliente cada vez que el mensaje se envía desde el cliente. Entonces, para ejecutar el cliente, el servidor debe escuchar continuamente las solicitudes. Cada vez que el cliente envía una solicitud, el servidor debe obtener una respuesta e iniciar el servidor una vez más, hasta que se cambie el modo de conexión o se presione el botón de cierre en el código del lado del servidor.