Reactjs 将自定义构件与react布局网格一起使用

我正在使用创建可以调整大小和移动的项目布局。我所面临的问题已经在多个问题（见下文）中针对回购协议提出，几乎没有任何帮助

下面是一些工作正常的代码

<ResponsiveGridLayout
    layouts={this.state.layouts}
    autoSize={autosize}
    breakpoints={breakpoints}
    onLayoutChange={(layout, newLayout) =>
        this.onLayoutChange(layout, newLayout)}>
    <div key="1">...</div>
    <div key="2">...</div>
    <div key="3">...</div>
</ResponsiveGridLayout>

此.onLayoutChange（布局，新布局）}>
...
...
...

我希望能够像这样在

中嵌套自定义组件。其中

包含可以交互的其他框

<ResponsiveGridLayout
    layouts={this.state.layouts}
    autoSize={autosize}
    breakpoints={breakpoints}
    onLayoutChange={(layout, newLayout) =>
        this.onLayoutChange(layout, newLayout)}>
    <div key="1">...</div>
    <CustomComponent />
</ResponsiveGridLayout>

此.onLayoutChange（布局，新布局）}>
...

这是我遇到的问题的基本再现

提前谢谢