Установка компонента React, который требуется с помощью браузера.

Question

У меня есть компонент, который был написан во втором файле, который имеет два экспорта, экспорт изображений и «модальный» экспорт. В моем файле хоста я включаю оба и монтирую их во время обратного вызова запроса ajax/jquery load. Моя структура сайта такова, что каждая нагрузка представлена ​​фактической конечной точкой статического url (например, url.com/sub/item полностью судоходна, но для некоторой динамической забавы в моем случае использования я загружаю их в обертку на url.com, обеспечивая ajax works - это был скорее тест на «я могу это сделать» - меньше «мне нужно».

Компоненты отлично работают на статической странице. На загруженной странице - изображения работают, но другие (модальный) разбивает всю партию

вот ошибка консоли я получаю»

Предупреждение. React.createElement:. Тип не должен быть пустым или неопределенным Это должна быть строка (для DOM) или ReactClass (для составных компонентов).
Предупреждение. В качестве компонентов React могут быть установлены только функции или струны.

Вот как я установки тревоги ребенка:

if ($('.modal-images').length){ 
$('body').append('<section id="modal-loader"></section>'); 
    // This breaks stuff like a drunk bull in the chicken coup. 
    React.render(<Modal />, document.getElementById('modal-loader')); 
} 

И вот вся партия в контексте:
https://gist.github.com/motleydev/d763ebf6a9116ed05ea6

Answer 1

Что происходит в том, что в какой-то момент один из ваших <Component/> в настоящее время используется там, где компонент undefined. Я бы удостоверился, что Modal действительно существует в файле как ожидаемое значение.

Answer 2

Понял, что модаль был инкапсулирован в проверку if, поскольку я выполнял условную визуализацию внутри моего включенного файла. В принципе - мне требовался раздел кода, которого не было, поскольку проверка if была ложной при просмотре динамической страницы. Никаких определений классов упаковки в условном выражении.