Está tratando de crear un conjunto de datos y texto, luego llama a una devolución de llamada después del conjunto.

Hay varias formas de obtener este comportamiento.

Lo que le sugiero es tener un estado ( useState ) que incluya datos y texto y luego escuche los cambios de esta etapa a través de useEffect .

 export default function App() { const [request, setRequest] = useState({data: {}, text: ''}); const makeRemoteRequest = useCallback(() => console.log({request}),[request]); useEffect(() => { //on mount setRequest({data: {obj:'with data'}, text: 'text'}) },[]) useEffect(() => { makeRemoteRequest() },[request,makeRemoteRequest]) return ( <div className="App"> <h1>Hello CodeSandbox</h1> <h2>Start editing to see some magic happen!</h2> </div> ); }

Lo que puedes ver aquí, es un componente funcional que es:

• establecer un estado en el montaje (leer comentario)
• defina una función makeRemoteRequest cada vez que la request de estado cambie a través del gancho useCallback
• llame a la función makeRemoteRequest cada vez que la request de estado o la devolución de llamada makeRemoteRequest cambie a través del gancho useEffect

EDITAR:

 import _ from 'lodash'; import { ListItem, SearchBar, Avatar } from 'react-native-elements'; import { getUsers, contains } from './api/index'; function App(props) { const [loading, setLoading] = useState(false); const [data, setData] = useState([]); const [error, setError] = useState(null); const [fullData, setFullData] = useState([]); const [query, setQuery] = useState(); useEffect(() => { makeRemoteRequest(); },[query]); const makeRemoteRequest = _.debounce(() => { setLoading(true); getUsers(20, query) .then((users) => { setLoading(false); setData(users); setFullData(users); }) .catch((error) => { setLoading(false); }); }, 250); const handleSearch = (text) => { const formattedQuery = text.toLowerCase(); const data = _.filter(fullData, (user) => { return contains(user, formattedQuery); }); setData(data); setQuery(text); } };

En realidad, lo que quiere es activar la función makeRemoteRequest , ahora mismo lo que tiene que hacer para obtenerla es hacer el conjunto adecuado (lo que significa setQuery), que activará el useEffect

Puedes tener algo como lo siguiente.

 const [query, setQuery] = useState(); const [data, setData] = useState(); useEffect(() => { makeRemoteRequest(); }, [query])

Lea más sobre useEffect aquí