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

在自定义组件内组织两个（或更多）编辑区域的最佳解决方案是什么？我的目标是创建自定义组件，该组件的作用类似于中图幅http://bitwiser.in/medium-draft/中的图像块。
但是，在我的情况下，当用户可以添加文本和设置样式时，应该在两个区域（请参见下图） ）。我看到了如何image.js从中等草稿中的组件中的图像下面制作描述块-https: //github.com/brijeshb42/medium-draft/blob/master/src/components/blocks/image.js它是EditorBlock从父级拿来道具的。我不知道如何在自定义组件内组织两个丰富的可编辑区域。