仅在加载某个页面时才在bundle.js中渲染react组件

时间:2018-05-13 19:00:17

标签: javascript asp.net reactjs webpack

我最近开始在我的ASP.Net项目中使用webpack,我现在也想添加一个新的反应组件。

我遇到了以下问题。我确实在索引文件中导入了我的react组件,并且没有任何问题地使用webpack打包。

但是,我正在加载bundle.js webpack输出到共享页面。

我现在面临的问题如下:

在包含我的反应组件声明的文件中,我们称之为Post.jsx,我正在调用ReactDOM.render(<PostFeed />, document.getElementById('postFeed'));。现在,如上所述,bundle.js正在加载到共享视图上,因此每个页面最初都会在某个时刻调用render函数。然而,元素“后来的”#39;内部呈现组件的内容仅在用户导航到特定页面时可用。

我现在有哪些选项才能在某个页面上导航时仅渲染我的组件?我可以通过javascript以某种方式可靠地确定这个吗?我真的很想保持webpack提供的安慰,但是我知道当没有其他选择时我也可以拆分我的Post.jsx文件并将其作为脚本添加到html代码中,以便组件找到其元素

有什么建议吗?

0 个答案:

没有答案