我最近开始在我的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代码中,以便组件找到其元素
有什么建议吗?