Question

我正在将reactjs与我的django集成，我已经完成了设置甚至能够从服务器渲染页面，但在客户端，当谈到渲染和事件处理和附加时，我收到错误“Uncaught ReferenceError：MainContainer is没有定义的”。我完全迷失在这里，请帮助我。

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="static/src/css/bootstrap.min.css"/>
        <link rel="stylesheet" type="text/css" href="static/src/css/style.less"/>
    </head>

    <body>
        <script>
                  // var INITIAL_DATA = JSON.parse('{{ serialized_value|safe }}')
                    var INITIAL_DATA = {{ serialized_value|safe }}
        </script>
        <div id="app">{{ rendered|safe }}</div>
        <script type="text/javascript" src="static/build/index_webpack.js"></script>
        <script>
            // ReactDOM.render(React.createFactory(MainContainer)({isOpen: false, props: {'freeShipping': free_shipping_message_new,'navigationBar': [loose_leaf_content]}}), document.getElementById('app'));
            ReactDOM.render(MainContainer({isOpen: false, props: {'freeShipping': free_shipping_message_new,'navigationBar': [loose_leaf_content]}}), document.getElementById('app'));
        </script>
    </body>
</html>

Answer 1

您可能最好使用django-webpack-loader来帮助您将webpack包集成到django模板中。对于我们来说，除了将django与webpack放在一起之外，还有很多痛苦。现在我们根本不需要考虑webpack，只是坐在那里并自动构建我们的所有应用程序，我们可以将这些包集成到我们的模板中

{% render_bundle 'react_app' %}

使用django

1 个答案: