以防万一有人偶然发现并且不知道，jQuery 使发送 AJAX 调用变得非常容易。由于 React 只是 JavaScript，它会像任何其他 jQuery AJAX 调用一样工作。

React 自己的文档使用 jQuery 进行 AJAX 调用，所以我认为这对于大多数用途来说已经足够了，无论是堆栈还是堆栈。

componentDidMount: function() {
    $.ajax({
      url: this.props.url,
      dataType: 'json',
      cache: false,
      success: function(data) {
        this.setState({data: data});
      }.bind(this),
      error: function(xhr, status, err) {
        console.error(this.props.url, status, err.toString());
      }.bind(this)
    });
  },

请Complementary Tools在https://github.com/facebook/react/wiki/Complementary-Tools查看 Facebook 的官方文档

他们只是推荐一些数据获取 API 之类的

• axios：用于浏览器和 node.js 的基于 Promise 的 HTTP 客户端。
• jQuery AJAX：无需介绍。
• superagent：用于 AJAX 请求的轻量级“同构”库。
• reqwest : AJAX 重来一遍。包括对 xmlHttpRequest、JSONP、CORS 和 CommonJS Promises 的支持 A. 浏览器支持可追溯到 IE6。

我个人最喜欢的axios原因是 promises 可以在浏览器和 nodejs 环境中使用，甚至官方 reactJS 网站在AJAX 和 API上也推荐相同的

你可以使用 JavaScript Fetch API，它也支持 GET 和 POST，而且它有构建 Promises。

fetch('/api/getSomething').then(function() {...})

我不会使用 JQuery，因为 AJAX 调用实际上并没有那么复杂，而且 JQuery 是一个非常大的依赖项。请参阅 vanillajs 关于在没有库的情况下进行 AJAX 调用的说明：http ://vanilla-js.com/

我绝对建议您使用Fetch API. 非常容易理解，支持所有方法，可以使用async/await代替promise/then和回调地狱。

例如：

fetch(`https://httpbin.org/get`,{
    method: `GET`,
    headers: {
        'authorization': 'BaseAuth W1lcmxsa='
    }
}).then((res)=>{
    if(res.ok) {
        return res.json();
    }
}).then((res)=>{
    console.log(res); // It is like final answer of XHR or jQuery Ajax
})

以更好的方式或async/await方式：

(async function fetchAsync () {
    let data = await (await fetch(`https://httpbin.org/get`,{
                                method: `GET`,
                                headers: {
                                    'authorization': 'BaseAuth W1lcmxsa='
                                }
                            })).json();
                      console.log(data);
})();