django - 用 django 响应客户端渲染

Question

我正在将 reactjs 与我的 django 集成，我已经完成了设置，甚至还可以从服务器渲染页面，但是在客户端渲染和事件处理和附加时，我收到错误“未捕获的 ReferenceError：MainContainer 未定义” . 我完全迷失在这里，请帮助我。

<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>

score 0 · Accepted Answer

您可能会更好地使用django-webpack-loader来帮助您将 webpack 包集成到 django 模板中。对我们来说，将 webpack 与 django 一起设置需要付出很多努力。现在我们根本不需要考虑 webpack，它就在那里自动构建我们所有的应用程序，我们可以将包集成到我们的模板中

{% render_bundle 'react_app' %}

django - 用 django 响应客户端渲染

1 回答 1

Related

Reference