Как вернуть значение из feach?

Question

У меня есть запрос к серверу, на который приходит ответ в виде массива объектов. Данные из массива я хочу занести в переменные чтобы потом передать их как свойства компонентам реакт, но у меня не получается. Помогите!

(function getData () {
    fetch(endpoint, myInit)
       .then(res => res.json())
    .then((res) => {
})

}())
let course = data.map((result) => {
  return (result.courseName)
})

Также не могу понять почему если сохранить значение в глобальную переменную то оно сохраняется, но в последствии при обращении к его ячейке выдает UNDEFIND

let data = {};
(function getData () {
    fetch(endpoint, myInit)
       .then(res => res.json())
    .then((res) => {
      data.res = res;
    })
  }())
console.log(data) // выводит объект
console.log(data.res) // выводит undefind