Tengo un componente en el que dentro de un mismo useEffect hago una petición fetch y luego filtro los datos. Para ello, la respuesta la guardo en una variable data y para poder operar con esta data sin perder mis datos originales, he creado otra variable llamada operationData en la que guardo ese data inicial. Sin embargo, por cuestiones de rendimiento no puedo mantener ambas cosas dentro del mismo useEffect. He pensado en sacar la petición fetch fuera del useEffect pero tengo un problema de comunicación, y es que a la hora de crear operationData dentro del useEffect no me reconoce el data que está fuera en una función asíncrona para poder hacer el fetch.
Por ejemplo, yo en mi componente tengo dentro de un componente:
let data = response.json();
Y dentro de un useEffect quiero hacer la copia de ese data para poder operar con él, y tengo:
var operationData = data;
¿Cómo hago para indicarle al operationData de dentro del useEffect que quiero tomar el data de fuera?