与动态小部件和占位符进行反应

时间:2018-05-25 09:43:37

标签: reactjs typescript webpack react-grid-layout

我的情景略有不同。 我的页面上有多个小部件,每个小部件都有一个缩小的js文件,它将呈现内容(HTML)。

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

我的问题是如何为我的小部件找到占位符?我已经缩小了Js文件但是我如何将道具传递给那个js文件知道内容需要渲染的地方。

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

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

1 个答案:

答案 0 :(得分:0)

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

另外,假设它们彼此互斥,每个小部件呈现html应该有自己的获取和显示数据的逻辑。话虽这么说,你需要确保的是哪个占位符调用哪个缩小文件。

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

希望这个答案。