Javascript 模块导出按值传递而非引用传递的对象

只有在id为react容器的元素加载后，我才能调用ReactDOM.render，因此我必须将其放在document.ready中，但像我在代码段中做的那样，只返回undefined，在document.ready函数中正确设置覆盖对象后，不会更新其值

代码：

var Overlay=React.createClass({
getInitialState:函数（）{
返回{show:false}；
},
render:function（）{
如果（！this.state.show）{
返回null；
}
返回(
你好
);
}
});
var叠加；
$（文档）.ready（函数（）{
overlay=ReactDOM.render(
,
$（“#反应容器”）[0]
);
});
module.exports=覆盖；

---

将reacadm.render函数移到这个文件之外是有问题的，因为我没有将（.jsx->.js）转换为我想要使用它的文件

您在何处使用此

覆盖

组件？只需在

#react container

之后移动脚本，无需

$（文档）。准备好了

@dfsq谢谢，idk为什么我没有想到这样做。您在何处使用此

覆盖

组件？只需在

#react container

之后移动脚本，无需

$（文档）.ready

@dfsq谢谢，idk为什么我没有想到要这么做。

var Overlay = React.createClass({
    getInitialState: function() {
        return { show: false };
    },
    render: function() {
        if (!this.state.show) {
            return null;
        }
        return(
            <div>Hello</div>
        );
    }
});

var overlay;
$( document ).ready(function() {
    overlay = ReactDOM.render(
      <Overlay />,
      $('#react-container')[0]
     );
});

module.exports = overlay;