如何在 React class 中停止重复的 Ajax 调用？

Question

我继承了一个旧版本的 React，它是这样开始的：

var rc = React.createClass({

 render() {

      // Ajax code, here, is called repeatedly for some reason

      return {
           ...
      }
 }
})

我受困于这种旧的代码架构，无法导入 React 组件。我尝试使用 jQuery 对服务器端进行 Ajax 调用，并在控制台中看到了预期的返回结果。我曾尝试使用 React 进行 Ajax 调用，但没有返回任何结果，这可能是由于缺少 React 组件。这就是我转向 jQuery 的原因。

问题是，无论出于何种原因，React 和 jQuery 方法都不停地重复调用 Ajax（Ajax 代码不在任何环形）。当我使用最新版本的 React 时，我在家里没有遇到这个 Ajax 重复的问题。在工作中，我不得不使用以前的开发人员实现的上述代码。考虑到我所处的上述代码架构，如何阻止 Ajax 重复调用？我只需要打一个 Ajax 电话。任何的想法？谢谢！

Answer 1

您可能在渲染中或在从 API 的 获取数据后进行状态更新。以下是可能对您有所帮助的内容。

  var rc = React.createClass({

componentDidMount(){
          // Write AJAX Code here
          }

     render() {
          //Avoid any state update here
          return {
               ...
          }
        }
    })

如何在 React class 中停止重复的 Ajax 调用？

How to stop repeated Ajax calls in React class?

ajax

repeat

reactjs