reactjs - 如何使用 React 创建一个可以实时预览小部件并生成小部件可嵌入链接的门户

Question

我正在尝试建立一个门户来创建小部件。该门户将允许用户创建不同类型的小部件并实时预览该小部件的外观。

最后，该门户应该能够为特定小部件生成唯一链接，该小部件能够在用户粘贴时在任何地方呈现用户配置的相同小部件（例如：像在线文章）。

供您参考，我附上了我的预览页面的设计。（https://drive.google.com/open?id=1lP3h5YYExrPWOcAaRmf2YupZ6qjqrINH）

请帮助我找到使用 React 实现这一点的最佳方法。

标签： reactjswidgetcreate-react-apppreviewreact-widgets

Answer 1

您可以使用 redux 并存储小部件预览配置（小部件名称、布局、颜色......）

所以您的预览渲染将基于存储的小部件配置您的侧面部分将更新存储的配置

您的所有更新都将使用新配置重新呈现小部件预览