Как управлять состоянием пользовательского интерфейса в React с помощью вызова API с помощью Ax ios Observable

Question

Я использую следующую библиотеку для обработки вызовов Ax ios и их переноса в Observables. https://github.com/zhaosiyang/axios-observable

Мне неясно, как наилучшим образом обновить состояние пользовательского интерфейса, чтобы отразить API в процессе разработки. Например, я хотел бы, чтобы нажатие кнопки вызывало вызов API, а затем изменил текст кнопки на «Загрузка ...», ожидая ответа от API.

Например:

  Axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
   .subscribe(
    response => console.log(response),
    error => console.log(error)
  );

Я не понимаю, как управлять состоянием пользовательского интерфейса с помощью Redux или Hooks в React в ответ на созданное Observable. Будем благодарны за любые рекомендации, которые вы можете дать, и примеры кода будут для меня очень ценными, когда я это изучу. Заранее спасибо!