ReactJs使用jinja捆绑多个页面的jsx文件

Question

我正在使用React并尝试了解将多个页面的文件捆绑到单个js文件中的最佳方法（基本jinja模板中js文件的脚本。）

捆绑包的一切正常，但我想了解如何处理app入口点文件的单独页面。

示例条目文件：

var React = require('react');
var Test = require('./test.jsx'); 
React.render(React.createElement(test.foo), document.getElementById('foo'));
React.render(React.createElement(test.bar), document.getElementById('bar'));
React.render(React.createElement(test.another), document.getElementById('another'));

因此，假设一个部分模板我使用foo和bar而另一个页面使用另一个。 如果我遵循这种模式，我将得到控制台错误：

Uncaught Error: Invariant Violation: _registerComponent(...): Target container is not a DOM element.

因为模板不包含应用程序的app.js条目脚本中呈现的所有元素。在没有收到这样的错误的情况下跨多个页面使用脚本的正确方法是什么？解决这个问题的最佳方法是什么？感谢。