reactjs - 使用动态小部件和占位符做出反应
问题描述
我的情况略有不同。我的页面上有多个小部件,每个小部件都有一个缩小的 js 文件,它将呈现内容(HTML)。
我有来自服务器的小部件列表,所有 js 文件都将在页面加载时呈现。
我的问题是如何为我的小部件找到占位符?我已经缩小了 Js 文件,但是我如何将道具传递到该文件中,以便 js 文件知道内容需要呈现的位置。
我可以修改缩小的 js 文件,但不能包含在我的包中。它应该是分开的。
js文件按需渲染,组件也按需渲染,但它们之间没有关系,虽然js文件理解组件并渲染其中的内容。
解决方案
如果我理解正确的话。由于您的每个小部件都有一个单独的缩小 javascript 文件,我假设它们是相互排斥的。
此外,假设它们相互排斥,每个呈现 html 的小部件都应该有自己的获取和显示数据的逻辑。话虽如此,您只需要确保哪个占位符调用哪个缩小文件。
通过这种方式,所有占位符都将调用它们各自的小部件文件,这些小部件文件将相应地呈现数据。
希望这个答案。
推荐阅读
- mysql - DB:Raw 中的 Laravel 子查询(选择)
- javascript - 如何使用 Javascript 更改网站的语言?
- kubernetes - Kubernetes ServiceAccount 无法列出节点
- ios - Swift:如何实现字符串数组的枚举
- javascript - 无法从节点 js 服务器获取对象
- vue.js - 如何在垂直收缩视频时允许 Vuetify 中的 flex 排除标题
- c - 是否有标准方法允许静态库的使用者定义库中使用的函数(C)
- angular - 'AngularFireAuth' 类型上不存在属性'auth'。,我尝试了所有的黑客,我知道没有任何帮助
- html - 尽管 $(document).on('click', '.foo', function) 方法,但克隆元素上的单击事件不起作用
- javascript - 当我使用 window.print() 时,整个样式已损坏,我尝试了@media screen 和@media print,但结果相同