reactjs - 使用动态小部件和占位符做出反应

Question

我的情况略有不同。我的页面上有多个小部件，每个小部件都有一个缩小的 js 文件，它将呈现内容（HTML）。

我有来自服务器的小部件列表，所有 js 文件都将在页面加载时呈现。

我的问题是如何为我的小部件找到占位符？我已经缩小了 Js 文件，但是我如何将道具传递到该文件中，以便 js 文件知道内容需要呈现的位置。

我可以修改缩小的 js 文件，但不能包含在我的包中。它应该是分开的。

js文件按需渲染，组件也按需渲染，但它们之间没有关系，虽然js文件理解组件并渲染其中的内容。

Answer 1

如果我理解正确的话。由于您的每个小部件都有一个单独的缩小 javascript 文件，我假设它们是相互排斥的。

此外，假设它们相互排斥，每个呈现 html 的小部件都应该有自己的获取和显示数据的逻辑。话虽如此，您只需要确保哪个占位符调用哪个缩小文件。

通过这种方式，所有占位符都将调用它们各自的小部件文件，这些小部件文件将相应地呈现数据。

希望这个答案。