useGetFieldList.js
fe3c017ca520issn4frontend

useGetFieldList.js
View Options

			import {useState, useCallback, useEffect } from "react"
			import { getListOfInstitution } from '../services/requests/Institution'
			import { getListOfFunder } from '../services/requests/Funder'
			import { getListOfJournal } from '../services/requests/Journal'

			function fieldlist (){
			const [institList, setInstitList] = useState([]);
			const [fundList, setFundList] = useState([]);
			const [journalList, setJournalList] = useState([]);

			const getInstitListFromApi = useCallback(async () => {
			try {
			const response = await getListOfInstitution()
			setInstitList(response.data)
			} catch (error) {
			console.log(`error 700 from Get Institution- ${error.message}`)
			}
			}, [])

			const getFundListFromApi = useCallback(async () => {
			try {
			const response = await getListOfFunder()
			setFundList(response.data)
			} catch (error) {
			console.log(`error 700 from Get Funder- ${error.message}`)
			}
			}, [])

			const getJournalListFromApi = useCallback(async () => {
			try {
			const response = await getListOfJournal()
			setJournalList(response.data)
			} catch (error) {
			console.log(`error 700 from Get Journal- ${error.message}`)
			}
			}, [])

			useEffect(() => {
			getInstitListFromApi(),
			getFundListFromApi(),
			getJournalListFromApi()
			}, [])


			return [institList,fundList,journalList]
			}

			export default fieldlist