在 React 應用程序中未觸發 Observable.timer

Question

我試圖每 5 秒向服務器發送一次請求，但不知何故沒有觸發計時器。 我在控制台中沒有收到任何錯誤。 知道為什么它不起作用嗎？

提前致謝 ！

import React, { Component } from 'react';
import AzureService from "../_services/AzureService";
import  "../_css/TFSBuilds";
import {FormikBag as props} from "formik";
import {timer} from "rxjs";
import { switchMap } from 'rxjs/operators';



class Build extends React.Component {

    constructor(){
        super(props);
        this.state = {
            builds: []
        };
    }
     componentDidMount() {
             timer(0,5000).pipe(switchMap(()=> {

                  AzureService.send("ObCloud").then((data)=>{
                      let groupedData = this.groupBy(data.value, obj => obj.definition.id)
                      this.createChartObjects(groupedData)
                  });
                  AzureService.send("Kenevo%20Adjustment").then((data)=>{
                      let groupedData = this.groupBy(data.value, obj => obj.definition.id)
                      this.createChartObjects(groupedData)
                  });
                  AzureService.send("cockpit").then((data)=>{
                      let groupedData = this.groupBy(data.value, obj => obj.definition.id)
                      this.createChartObjects(groupedData)

                  });


              }));

        }

Answer 1

啊。 我現在明白了。 無需訂閱即可開展業務。

             timer(0,5000).pipe(switchMap(()=> {

例如，您可以在末尾添加.subscribe() ，或者甚至將您的.pipe(switchMap(() => /* code here */)替換為.subscribe(/* the same code */) 。

Answer 2

我認為您沒有訂閱在飛行中發送它：

嘗試：

timer(0,5000).subscribe(() => {
  AzureService.send("ObCloud").then((data)=>{
                      let groupedData = this.groupBy(data.value, obj => obj.definition.id)
                      this.createChartObjects(groupedData)
                  });
                  AzureService.send("Kenevo%20Adjustment").then((data)=>{
                      let groupedData = this.groupBy(data.value, obj => obj.definition.id)
                      this.createChartObjects(groupedData)
                  });
                  AzureService.send("cockpit").then((data)=>{
                      let groupedData = this.groupBy(data.value, obj => obj.definition.id)
                      this.createChartObjects(groupedData)

                  });

});