Rxjs 从最近的事件而不是最后一个异步响应返回响应

我在一个页面上有3个按钮，每个按钮分别发出异步请求。此页面的内容应显示上次单击按钮生成的请求返回的文本

如果合并这些流，页面内容始终是最后一次完成的异步请求的文本，而不是最后一次单击

这里有一个例子。（S*）是流，（C）它们的点击，和（R）它们的响应。我的代码将导致S3单击在页面上呈现。但是，我希望S2的内容能够呈现出来，因为这是最后一次点击

S1 --c-r-------------
S2 --------c---r-----
S3 ------c----------r

使用。比如：

const s1 = clickStream1.map(() => someAsync1())
const s2 = clickStream2.map(() => someAsync2())
const s3 = clickStream3.map(() => someAsync3())

const stream = merge(s1, s3, s3).pipe(
    switchAll()
)

每次发生新的单击（并且新的异步操作开始），流都将“忘记”以前的任何正在进行的操作，并开始侦听新操作