javascript - React 组件和模块导出

Question

我不明白 module.exports 如何只能导出一个依赖于子组件但仍呈现在 DOM 中的组件，尽管该子组件从未导出过。

//组件.js

var SubComponent = React.createClass({
...
    });

var Component = React.createClass({
    ...
    render: function () { 
    return(
        <div><SubComponent /> stuff</div>`)
        }});

module.exports = Component

//main.js

    var Component = require('./component.js');

    var MainContainer = React.createClass({
    render: function () {return (
    <Component />)
    }})

Answer 1

您在 main.js 文件中只直接使用了一个组件 (Component)。 SubComponent 不在 component.js 之外使用，因此不必导出。如果你想在你的 main.js 文件中使用 SubComponent 你可以像这样使用它:

//组件.js

(...)
module.exports = {
    Component: Component,
    SubComponent: SubComponent
}

//main.js

 var Component = require('./component.js').Component;
 var SubComponent = require('./component.js').SubComponent; (...)

然后就可以在main.js中直接使用SubComponent了