Quiero hacer una llamada API al backend con solo hacer clic en un botón en ReactJs. He encontrado 3 formas de hacerlo leyendo stackoverflow, tutoriales y artículos.
Agregue una función simple dentro o fuera del componente funcional que realizará la llamada API (encontró muchos tutoriales que usan este método)
Agregue una variable de estado que, cuando se cambie, activará el enlace useEffect (con dependencia de la variable de estado) que realizará la llamada a la API
Agregue un gancho useCallback en una función y llámelo para hacer la llamada API
Mis pensamientos son que el primero es fácil, simple, pero ¿es correcto? Y el tercero podría ser incorrecto porque no está utilizando useCallback como se pretendía (pasándolo a un componente secundario y evitando que se vuelva a renderizar) ¿Cuál es la forma correcta (si hay otra forma, sugiera) y por qué?
Si solo necesita una llamada API simple, elegiría la opción 1. La opción 2 me parece demasiado "grande" para una llamada API simple.