axios или просто fetch, полученные данные записываете в хук/state и дальше к нему обращаетесь
import React, { useState,useEffect} from 'react';
export default function MyComponent() {
const [values, setValues] = useState([])
const axiosInstance = Axios.create({
timeout: 5000,
headers: {
'Content-Type': 'application/json',
'accept': 'application/json',
}
});
const apiFunc = async (link) =>{
let result = axioss.get(link);
return await(result)
}
useEffect(() => {
apiFunc('ЛИНК К API').then(res=>{
setValues(res)
})
}, [])
return (
<div>
{values.length > 0 && values.roles.map(item=>{
return (
<div key={item.id}>ID: {item.id} CODE: {item.code}</div>
)
})}
</div>
)
}