Export components and modules

Question

I don’t understand how module.exports can export only one component that is dependent on a subcomponent, but will still be displayed in the DOM, although this additional component has never been exported.

//component.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.jsOnly one component ( Component) is used in the file . SubComponentnot used outside component.js, so it does not need to be exported. If you want to use SubComponentin your file main.js, you can use it as follows:

//component.js

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

//main.js

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

Then you can use SubComponentdirectly inmain.js