jquery - 安装 browserify 所需的 React 组件

Question

我有一个编写在第二个文件中的组件，该文件有两个导出，一个“图像”导出和一个“模态”导出。在我的主机文件中，我包含这两个文件，并在 ajax/jquery load 请求的回调期间挂载它们。我的网站结构是这样的，每次加载都由实际的静态 url 端点表示(例如，url.com/sub/item 是完全可导航的，但为了在我的用例中获得一些动态乐趣，我将它们加载到 url.com 上的包装器中，提供ajax 有效 ​​- 它更多的是“我能做到吗”的测试 - 更少的“我需要吗”。

这些组件在静态页面上可以很好地工作。在加载的页面上 - 图像可以工作，但另一个(模态)会使整个聚会崩溃。

这是我收到的控制台错误“

Warning: React.createElement: type should not be null or undefined. It should be a string (for DOM elements) or a ReactClass (for composite components).
Warning: Only functions or strings can be mounted as React components.

以下是我如何安装麻烦 child :

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实际上作为您期望的值存在于文件中。