允许用户使用React组件将模块添加到页面

问题描述

我正在尝试构建一种基本上可以用作“网页构建器”的工具,用户可以在其中单击以添加模块,从选项列表中进行选择,然后将这些模块注入/添加/添加页面中按特定顺序。

Paperbits(https://demo.paperbits.io/)是我要完成的最好的例子。当用户选择模块时,会将其添加到选定的加号按钮处,并可以从此处进行编辑。

我正在使用反应。

解决方法

您可以为每个模块分配一个 ID。当您选择一个模块(组件)时,您可以将该 ID 推送到一个数组。然后,您可以使用该数组根据 ID 映射和呈现模块。