如何将相同的数据传递给单独呈现的ReactDom组件

Question

我是一个新的React用户，只用了几个星期，刚刚构建了我的第一个应用程序。

我有两个通过ReactDOM.render（）调用的独立父组件。我需要将通过AJAX导入的相同JSON对象传递给两个父组件。

AJAX调用当前发生在创建的<Page />组件中。我想避免第二次为<Navigation />组件拨打同一个电话。我需要将导航保留在正在转储页面的容器之外，这就是它们被单独渲染的原因。

这是两个渲染：

ReactDOM.render(
  <Navigation />,
  document.getElementById("navigation")
);

ReactDOM.render(
<Page url="inc/js/phoneDirectory.json" />,
    document.getElementById("content")
);

AJAX调用当前是Page组件中的一个方法。我应该将我的方法移动到Nav组件，然后尝试将数据移交给Page吗？这可能吗？