使用django响应客户端渲染

我正在将reactjs与django集成，我已经完成了设置，甚至能够从服务器上呈现页面，但在客户端，当涉及到呈现、事件处理和附加时，我得到了错误“UncaughtReferenceError:MainContainer未定义”。 我在这里完全迷路了，请帮帮我

//var INITIAL_DATA=JSON.parse（“{{serialized_value | safe}}”）
var INITIAL_DATA={{序列化的_值| safe}
{{呈现|安全}
//ReactDOM.render（React.createFactory（MainContainer）（{isOpen:false，props:{'freeShipping'：free_shipping_message_new，'navigationBar'：[loose_leaf_content]}），document.getElementById（'app'）；
render（maincainer（{isOpen:false，props:{'freeShipping'：free_shipping_message_new，'navigationBar'：[loose_leaf_content]}），document.getElementById（'app'）；

您最好使用它来帮助您将Web包包集成到django模板中。对我们来说，在django旁边设置webpack花了很多心血。现在我们根本不必考虑webpack，它就放在那里，自动构建我们所有的应用程序，我们只需将捆绑包集成到我们的模板中即可

{% render_bundle 'react_app' %}

---

maincainer

可能是一个React组件。组件是否在

index_webpack.js

中声明或导入？如果是，该文件是否正确加载？如果没有，您需要以某种方式将组件导入到窗口中。我检查了我的index_webpack.js，组件在那里导入，但不知何故，Idk为什么我会出错！，但是如果它对我不起作用，你能告诉我如何在窗口中导入吗？通常我会将整个javascript（包括你的

ReactDOM.render

行）放在webpack包中。这样你就知道一切都在一个地方。

index_webpack.js

加载成功了吗？@ChidG，我得到了这个，我创建了另一个app.jsx文件，我用window对象附加了我的所有组件，并在webpack.config.js的入口点提到了这个文件，你猜怎么着！这对我来说非常有效。

{% render_bundle 'react_app' %}