在自定义组件内组织两个（或更多）编辑区域的最佳解决方案是什么？

Question

在自定义组件内组织两个（或更多）编辑区域的最佳解决方案是什么？我的目标是创建自定义组件，其工作方式类似于来自 medium-draft http://bitwiser.in/medium-draft/
的图像块 但是，在我的例子中，用户可能会添加和设置文本样式的两个区域（见下图）。我看到 medium-draft - https://github.com/brijeshb42/medium-draft/blob/master/src/components/blocks/image.js 的 image.js 组件中的图像下方的描述块是如何制作的 它是用 EditorBlock 制作的，它从 parent 中获取道具。我不知道如何在自定义组件内组织两个丰富的可编辑区域。

Answer 1

要使用草稿，您需要制作一个具有背景图片的wrapper。然后用那个包装器添加两个文本块。