React 组件和module导出

IT技术 javascript reactjs module
2021-04-27 18:54:29

我不明白 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 />)
    }})
1个回答

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

//组件.js

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

//main.js 

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

然后就可以SubComponent直接在main.js

其它你可能感兴趣的问题
上一篇理解 React 高阶组件 下一篇React 不会切换到生产模式