Javascript 当需要将组件指定为对象时，如何渲染该组件？

我正在使用Syncfusion实现仪表板布局。在这里，要添加一个小部件，您需要传递一个对象和元素作为对象的内容（请参考图片）。 在小部件中，我想添加一个不同组件的图表。那么，我应该如何在panel对象的content属性中指定它呢。 我是这样做的。。。但它不起作用

const panel = {
      id: count.toString() + "_layout",
      sizeX: 1,
      sizeY: 1,
      row: 0,
      col: 0,
      content: ` <div id="0" + _layout>
                    <div
                    className="text-align"
                    style={{ position: "relative", width: "100%", height: "100%" }}
                  >
                      <ChartCompo />
                    </div>
                </div></div>`,
    };

const面板={
id:count.toString（）+“_布局”，
sizeX:1，
西西：1，
行：0，
上校：0，
内容：`
`,
};