javascript - 使用对组件的引用对拖放进行反应

Question

我正在开发一个 React 项目，我希望能够在拖放对它的引用后加载它。例如，在屏幕左侧我有一个组件列表，只是名称，而不是实际组件（条形图、折线图等），我希望能够将名称拖到屏幕的另一个区域和在那里加载该组件。到目前为止，我已经能够使用 e.dataTransfer.setData / getData 传输列表项本身，但我不确定如何加载列表项引用的组件。任何想法如何做到这一点？

谢谢！

标签： javascriptreactjs

Answer 1

您可以使用组件列表（不是实际的）存储其标识符（字符串、ID），当您将每个组件放入放置区域时，您可以在该放置区域内编写条件渲染（例如：放置区域有一个来自状态，当数组有新元素时，根据其标识符呈现该元素）