реагировать на сторону клиента с помощью django

Я интегрирую реакцию с моим django, я сделал настройку и даже смог отобразить страницу с сервера тоже, но на стороне клиента, когда дело доходит до обработки и обработки событий, я получаю ошибку «Uncaught ReferenceError: MainContainer не определен». Я полностью потерялся здесь, пожалуйста, помогите мне.реагировать на сторону клиента с помощью django

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

источник

2017-02-23 Prashant

'MainContainer' предположительно является Реагировать компонент. Является ли компонент объявленным или импортированным в 'index_webpack.js'? Если да, правильно ли загружен файл? Если нет, вам нужно каким-то образом импортировать компонент в окно. – ChidG

Я проверил в моем index_webpack.js, компонент там импортирован, но почему-то, Idk, почему я получаю ошибку !, но если он не работает для меня, можете ли вы сказать мне, как импортировать в окно? – Prashant

Обычно у меня был бы весь javascript (включая вашу строку 'ReactDOM.render') в пакете webpack. Таким образом, вы знаете, что все это в одном месте. Успешно загружен ли файл 'index_webpack.js'? – ChidG

Вы могли бы быть лучше, используя django-webpack-loader, чтобы помочь вам интегрировать WebPack пакеты в шаблоны Джанго. Для нас потребовалось много усилий, чтобы установить веб-пакет вместе с django. Теперь мы не должны думать о WebPack вообще, он просто сидит там и автоматически создает все наши приложения и мы можем просто интегрировать связки в наши шаблоны с

{% render_bundle 'react_app' %}

источник

2017-03-18 09:22:30

реагировать на сторону клиента с помощью django

ответ

Смежные вопросы