如何在每次nodejs api调用reactjs组件后返回轮询数据

在每次Node.js API调用React.js组件后返回轮询数据，可以通过以下步骤实现：

首先，确保你已经安装了Node.js和React.js，并且创建了一个React.js项目。
在React.js组件中，可以使用componentDidMount生命周期方法来发起API调用和轮询数据。这个方法会在组件挂载后立即调用。
在componentDidMount方法中，使用fetch或axios等工具发起Node.js API调用。这个API应该返回需要轮询的数据。
在API调用的回调函数中，更新组件的状态（state）以保存返回的数据。
使用setInterval函数设置一个定时器，每隔一段时间触发一次轮询操作。
在定时器的回调函数中，再次发起API调用，获取最新的数据。
在API调用的回调函数中，再次更新组件的状态，以便重新渲染组件并显示最新的数据。
在组件卸载时，使用clearInterval函数清除定时器，以防止内存泄漏。

以下是一个示例代码：

import React, { Component } from 'react';

class PollingComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: null
    };
  }

  componentDidMount() {
    this.fetchData(); // 发起初始的API调用
    this.pollingTimer = setInterval(() => {
      this.fetchData(); // 每隔一段时间触发一次API调用
    }, 5000); // 每5秒轮询一次
  }

  componentWillUnmount() {
    clearInterval(this.pollingTimer); // 清除定时器
  }

  fetchData() {
    fetch('/api/data') // 发起Node.js API调用
      .then(response => response.json())
      .then(data => {
        this.setState({ data }); // 更新组件状态
      })
      .catch(error => {
        console.error('Error:', error);
      });
  }

  render() {
    const { data } = this.state;
    return (
      <div>
        {data ? (
          <div>
            <h2>Data:</h2>
            <p>{data}</p>
          </div>
        ) : (
          <p>Loading...</p>
        )}
      </div>
    );
  }
}

export default PollingComponent;

在上述示例中，componentDidMount方法中的fetchData函数发起了初始的API调用，并使用setInterval函数设置了一个每5秒触发一次的定时器。在定时器的回调函数中，再次调用fetchData函数来获取最新的数据。获取到数据后，通过更新组件的状态来重新渲染组件并显示最新的数据。

请注意，上述示例中的API调用路径为/api/data，你需要根据实际情况修改为你的Node.js API的路径。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。