Javascript 如何使用react js在一个组件中使用两个服务调用

在同一个组件中，我编写了调用一个API请求的代码，并得到了响应，我想使用该响应调用其他API。那么，是否可以在同一组件中调用其他API

var React  = require('react');
    var routerModule = require('react-router');
    var Link = routerModule.Link;

<!-- language: lang-js -->

    var ProductDetails = React.createClass({
      getInitialState:function(){
        return {
          productDetail:{
            productlisting: {
              PTY_NAME:{},             
            },
            partyid:{}
          }

        }
      }, 
      componentWillMount:function(){
        $.ajax({
          url:'http://example.com'+this.props.params.itemId,
          dataType:'json',
          cache:false,
          success:function(data){
            this.setState({
              productDetail:data
            });
          }.bind(this)
        });

      },   
      render: function() {
        var productDetail = this.state.productDetail;
        return (
          <div> 

            <div className="scrollContent">
              <div className="cards">
                {productBanner}
                <div className="cardBoxContent">
                  <div className="circleIcon whiteBg user-icon">{profileImage}</div>
                  <h2>{pdItems.PRD_NAME}</h2>  
                </div>
              </div>
             </div>
            </div>
          </div>
        );
      }
    });

    module.exports = ProductDetails;

var React=require（'React'）；
var routerModule=require（'react-router'）；
var-Link=routerModule.Link；
var ProductDetails=React.createClass({
getInitialState:函数（）{
返回{
产品详情：{
产品列表：{
PTY_名称：{}，
},
partyid:{}
}
}
}, 
componentWillMount:function（）{
$.ajax({
网址：'http://example.com'+this.props.params.itemId，
数据类型：'json'，
cache:false，
成功：功能（数据）{
这是我的国家({
productDetail：数据
});
}.绑定（此）
});
},   
render:function（）{
var productDetail=this.state.productDetail；
返回(
{productBanner}
{profileImage}
{pdItems.PRD_NAME}
);
}
});
module.exports=产品详细信息；

---

提前感谢

您可以以任何方式对服务调用进行排序，但是使用Promise会更容易，并且在这里是一件好事（嵌套较少的回调）。您可以像这样重写API调用-

componentWillMount(){
    Promise.resolve($.ajax(...))
           .then(function(firstCallResult){
                     // Do something with firstCallResult
                     ...
                     $.ajax(...);
            });
}

更新

---

修改示例以演示如何将第一个服务调用值发送到

中的函数，然后

您的意思是在第一个回调中发送另一个AJAX请求吗？只需创建两个函数，每个函数对应一个请求。然后在需要的地方调用函数。您可以向组件添加任意数量的自定义函数，例如

myRequest

和

myRequest2

@MatthewHerbst请给出任何示例代码如何从第一个ajax调用到第二个ajax调用获取数据在

中调用的下一个函数，然后
调用接收第一次调用的结果。更新了上面的示例。