动态加载<script>和 CSS Reactjs 的最佳实践是什么



早上好!从印度尼西亚,我需要动态加载不同的CSS和Javascript的不同的组件,例如我有幻灯片组件,然后我需要加载js和CSS文件相关的它,我有表单组件,我需要加载相关的CSS和jss文件以及。

在react.js中做它的正确方法或最佳实践是什么?谢谢你。

我的回答应该持保留态度,因为这是对你提出的一个宽泛问题的固执己见的回答。

在我看来,动态加载css+javascript+html的一个好方法就是在需要的时候使用react和WebComponents。看看react网站上的WebComponents部分,密切关注在使用WebComponents时可能出现的问题。

下面是一个开始的例子:WebComponent + React example

如果你在构建应用程序时需要它们,你可以使用一个名为webpack的构建工具来实现。它将检查您的代码并将所有必需的文件打包到一个新文件夹中。你只需要/导入组件js中的相关文件。

这是一个很好的教程。

如果你想在加载幻灯片组件时动态加载样式和脚本,你可以简单地包含一个

<script> and or <link> 

注意react组件不应该直接修改DOM。因此,如果你有一个js幻灯片小部件,你想要"组件化",你可能会遇到问题。

相关内容

最新更新