我正在考虑在新网站中使用react,我仍然想知道如何使用react组件处理全局命名空间.例如,如果我像这样定义几个React组件:
var MySlider = React.createClass({ // snip });
var MyAlert = React.createClass({ // snip });
var MyDropdown = React.createClass({ // snip });
Run Code Online (Sandbox Code Playgroud)
渲染组件将如下所示:
React.renderComponent(
<MySlider />,
document.getElementById('content')
);
Run Code Online (Sandbox Code Playgroud)
但是,我更喜欢命名我的组件以避免污染全局命名空间.
var Namespace = {};
Namespace.MySlider = React.createClass({ // snip });
Run Code Online (Sandbox Code Playgroud)
在渲染方面,我猜想由于命名空间而找不到组件.
React.renderComponent(
<Namespace.MySlider />, // component is not found
document.getElementById('content')
);
Run Code Online (Sandbox Code Playgroud)
我在这里错过了什么?只是忽略全局名称空间污染 或者是否有可能命名您的组件?
谢谢!