useEffect(() => { if (result) { const temp = result.series().map((data) => { return { name: data.key.substring(0, 4), data: data.series.map((item) => item.value), }; }); setData(temp); } }, [result]);
useEffect(() => { const parseResultSet = (resultSet) => { return { name: moment( resultSet.tablePivot()[0]['Orders.createdAt.month'] ).format('YYYY'), data: resultSet .tablePivot() .map((item) => parseInt(item['Orders.count'])), }; }; const temp = [ result22 ? parseResultSet(result22) : [], result21 ? parseResultSet(result21) : [], result20 ? parseResultSet(result20) : [], ]; setData(temp); }, [result22, result21, result20]);
// function to fetch data async function fetchData() { const api_call = await fetch(Link); const data = await api_call.json(); setData(data) getContinents(data); }
const onSearch = e => { setData({ ...data, search_query: e.target.value }); }
const useFetcher = ({ url }) => { const [data, setData] = useState(null) fetch(url) .then(res => res.json()) .then(data => { setData(data) }) return data }
const useFetch = url => { const [data, setData] = useState(null); async function fetchData() { const response = await fetch(url); const json = await response.json(); setData(json); } useEffect(() => {fetchData()},[url]); return data; }
function FetchFunctional(props) { const [loading, setLoading] = useState(false); const [data, setData] = useState(null); useEffect(() => { setLoading(true); fetch("https://swapi.co/api/people/1/") .then(response => response.json()) .then(data => setData(data)); setLoading(false); }, []); return props.render({ data: data, loading: loading }); }
function useFetchUser(id) { const [data, setData] = useState(null); useEffect(() => { let canceled = false; fetch(`${URL}/${id}`) .then(response => response.json()) .then(data => !canceled && setData(data)); return () => (canceled = true); }, [id]); return data; }
function useSearch(search){ const [data, setData] = useState({results:[]}); const [isloading, isSetLoading] = useState(true); useEffect(() => { axios.get(`https://www.rickandmortyapi.com/api/character/?name=${search}`).then((result) => setData(result.data) ); isSetLoading(false); },[search]); return [data,isloading]; }
useEffect(()=>{ fetch('/allpost',{ headers:{ "Authorization":"Bearer "+localStorage.getItem("jwt") } }).then(res=>res.json()) .then(result=>{ setData(result.posts) }) },[])
useEffect(() => { const fetchDataFromAPI = async ({ id, resource }) => { try { return await fetch(`https://jsonplaceholder.typicode.com/${resource}/${id}`) .then(response => response.json()) .then(data => setData(data)); } catch (error) { console.log(error); } }; fetchDataFromAPI({ id, resource }); }, [id, resource]);
useEffect(()=>{ fetch('/feed',{ headers:{ "Authorization":"Bearer "+localStorage.getItem("jwt") } }).then(res=>res.json()) .then(result=>{ setData(result.posts) }) },[])
useEffect(()=>{ fetch('/allpost',{ headers:{ "Authorization":"Bearer "+localStorage.getItem("jwt") } }).then(res=>res.json()) .then(result=>{ setData(result.posts) }) },[])
useEffect(()=>{ fetch('/feed',{ headers:{ "Authorization":"Bearer "+localStorage.getItem("jwt") } }).then(res=>res.json()) .then(result=>{ setData(result.posts) }) },[])
const onSearch = e => { setData({ ...data, search_query: e.target.value }); }