使用RxJS和axios，如何在React组件中获取数据onClick？

import { fromEvent } from 'rxjs';
import { switchMap } from 'rxjs/operators';
import axios from 'axios';

getData = () => {
  // 使用RxJS的fromEvent方法来创建一个可观察对象，监听点击事件
  const click$ = fromEvent(document.getElementById('button'), 'click');

  // 使用switchMap操作符来切换到axios请求，并返回一个新的可观察对象
  const data$ = click$.pipe(
    switchMap(() => axios.get('https://api.example.com/data'))
  );

  // 订阅可观察对象，获取数据并进行处理
  data$.subscribe(response => {
    // 在这里处理获取到的数据
    console.log(response.data);
  });
}

render() {
  return (
    <div>
      <button id="button" onClick={this.getData}>获取数据</button>
    </div>
  );
}