在你下定决心之前，你可以依靠promise go 执行它们.如果您已经习惯了jQuery，那么也可以使用jQuerypromise .

带着promise .在继续执行代码之前，您将强制执行每个请求

Promise.all([
  fetch("http://localhost:3000/items/get"),
  fetch("http://localhost:3000/contactlist/get"),
  fetch("http://localhost:3000/itemgroup/get")
]).then(([items, contactlist, itemgroup]) => {
    ReactDOM.render(
        <Test items={items} contactlist={contactlist} itemgroup={itemgroup} />,
        document.getElementById('overview');
    );
}).catch((err) => {
    console.log(err);
});

但即使很困难，fetch目前还没有在所有浏览器中实现，所以我强烈建议您创建一个额外的层来处理请求，在那里您可以调用fetch或使用回退，否则，比如XmlHttpRequest或jQuery ajax.

除此之外，我强烈建议您查看Redux以处理React容器上的数据流.安装起来会更复杂，但在future 会有回报.

Update August 2018 with async/await

到目前为止，fetch已经在所有最新版本的主流浏览器中实现，除了IE11之外，包装器仍然很有用，除非你使用polyfill.

然后，利用新的、现在更稳定的javascript特性，如解构和异步/等待，您可能可以使用类似的解决方案来解决相同的问题(请参阅下面的代码).

我相信，尽管乍一看代码似乎多一点，但实际上是一种更干净的方法.希望有帮助.

try {
  let [items, contactlist, itemgroup] = await Promise.all([
    fetch("http://localhost:3000/items/get"),
    fetch("http://localhost:3000/contactlist/get"),
    fetch("http://localhost:3000/itemgroup/get")
  ]);

  ReactDOM.render(
    <Test items={items} contactlist={contactlist} itemgroup={itemgroup} />,
      document.getElementById('overview');
  );
}
catch(err) {
  console.log(err);
};