async in useeffect
useEffect(() => { (async () => { const products = await api.index() setFilteredProducts(products) setProducts(products) })() }, [])
Source: dev.to
useeffect async await
const getUsers = async () => { const users = await axios.get('https://randomuser.me/api/?page=1&results=10&nat=us'); setUsers(users.data.results); }; useEffect(() => { getUsers(); }, []);
async useeffect
useEffect(() => { (async function anyNameFunction() {await loadContent();})(); }, []);
Source: js.plainenglish.io
async useEffect
function OutsideUsageExample() { const [data, dataSet] = useState<any>(null) const fetchMyAPI = useCallback(async () => { let response = await fetch('api/data') response = await response.json() dataSet(response) }, []) useEffect(() => { fetchMyAPI() }, [fetchMyAPI]) return ( <div> <div>data: {JSON.stringify(data)}</div> <div> <button onClick={fetchMyAPI}>manual fetch</button> </div> </div> ) }
Source: stackoverflow.com
using async function in useEffect
function Example() { const [data, dataSet] = useState<any>(null) useEffect(() => { async function fetchMyAPI() { let response = await fetch('api/data') response = await response.json() dataSet(response) } fetchMyAPI() }, []) return <div>{JSON.stringify(data)}</div> }
Source: stackoverflow.com