如何用rxjs解决回调地狱

Question

当下一个请求依赖于前一个请求的响应时，原生js会遇到callback hell的问题：makeHttpCall('/items',    items => {      for (itemId of items) {         makeHttpCall(`/items/${itemId}/info`,           itemInfo => {               makeHttpCall(`/items/${itemInfo.pic}`,                img => {                    showImg(img);              });              });      }});beginUiRendering();利用promise可以解决：makeHttpCall('/items')    .then(itemId => makeHttpCall(`/items/${itemId}/info`))    .then(itemInfo => makeHttpCall(`/items/${itemInfo}.pic}`))    .then(showImg);那么使用rxjs，应该如何解决相同的问题？