javascript - JS : React and global namespace pollution

Question

我正在考虑在一个新网站中使用 React，但我仍然想知道如何使用 React 组件处理全局命名空间。例如，如果我像这样定义几个 React 组件:

var MySlider = React.createClass({ // snip });
var MyAlert = React.createClass({ // snip });
var MyDropdown = React.createClass({ // snip });

渲染一个组件看起来像这样:

React.renderComponent(
    <MySlider />,
    document.getElementById('content')
);

但是，我更愿意为我的组件命名空间以避免污染全局命名空间。

var Namespace = {};
Namespace.MySlider = React.createClass({ // snip });

当涉及到渲染时，我猜是由于命名空间而找不到组件。

React.renderComponent(
    <Namespace.MySlider />, // component is not found
    document.getElementById('content')
);

我在这里错过了什么？忽略全局 namespace 污染？或者是否有可能为您的组件命名空间？

谢谢!

Answer 1

这不完全是一个 React JS 问题，因为任何大型 JavaScript 代码库都必须处理模块加载。我建议放弃 JavaScript 中的命名空间，就像您开始处理命名空间一样，而是使用模块加载器。

关于这个你会得到很多意见，但看看一些广泛使用的模块加载器:

• Browserify
• rollup.js
• Webpack