Почему axios, промисы может возвращать, а результат промиса — нет?

Ведь и там и там я делаю асинхронно, но работает только в первом случае. И почему при выполнении запроса асинхронно, выходя из event loop он не может мне отдать результат, ведь он же выполнился?!

effect_tw, await ждёт резолва промиса, в то время как просто выкинутый ретерном then вернет промис в статусе "pending", если мне не изменяет память.

По результатам возвращения понятно. Вот мой componentdidmount: 
Для первого случая:

   componentDidMount() {
        serverAPI.getUser(2).then(e=>{this.props.setFriends(e.data)});
}
Почему я должен обрабатывать результат промиса именно в compDidMount <, а не сделать эту обработку в serverAPI , в методе getUser и вернуть результат.  Вот так: 

export const serverAPI = {
     getMyUser(userID) {
        return instance.get(`profile/${userID}`).then(e=>e.data)
    },
};
и соответственно в compDidMount уже закинуть этот результат в store 
Вот так:

  componentDidMount() {
        this.props.setFriends(serverAPI.getUser(2))
}

Почему я должен обрабатывать результат промиса именно в compDidMount

Кто вам сказал что вы должны?
Можете и в serverApi делать.

вы же видите разницу между

serverAPI.getUser(2).then(e=>{this.props.setFriends(e.data)});

и

this.props.setFriends(serverAPI.getUser(2))

Если нет - то я могу конечно вам исправить код, но вы придете со следующим компонентом с таким же вопросом.
Первый код ждет промис, достает из него данные и эти данные отправляет в setFriends
Второй код ничего не ждет, берет промис и его отпавляетв setFriends (нежданчик, там хотели данные а вы им промис подсунули)

Как вам уже сказали - разберитесь как работают промисы. С точки зрения логики. А то так и будете переставлять методы и скобочки не понимая что не так то.

Robur, Спсасибо большое, разобрался