Como setState es un método asíncrono en reaccionar. ¿Hay alguna alternativa para trabajar con devolución de llamada?

Nota 1 : puedo usar useEffect ya que causa una llamada de función ilimitada.

Nota 2: tampoco puedo usar function2 2 sin referencia, ya que se usa en muchos lugares.

 const [state,setState] = useState([]); const data = []; // data of 1000 const function1 = (name) => { const tempState = data.filter(ele => ele.name == name); setState(tempState); function2(tempState[0]) } const function2 = (element) => { const tempState = state.filter(ele => ele.id == element.id); setState(tempState); }

El código anterior siempre devuelve [] . la posible razón que puedo encontrar es que function2 ha llamado antes setState . Eso es filtrar una matriz vacía, por eso obtengo una matriz vacía.

Como se menciona en el código si uso useEffect luego para llamar a function2(state[0]) . Pero dentro de function2 tenemos una llamada al método setState que hace que se vuelva a renderizar una y otra vez.

¿Hay alguna posibilidad de que pueda usar un método de devolución de llamada como este?

 setState(tempState,() => function2(state[0]) );