在JavaScript库上创建门户创建回调

我有一个外部库（DataTable），它在React外部操纵DOM，幸运的是，每当创建元素（在本例中是一列）时，该库都提供一些回调

目前，我正在使用此回调覆盖默认渲染行为，并在元素内部渲染React组件：

// This is a method of the parent component
createdCell: function (td, cellData, rowData, row, col) {
    ReactDOM.render(
        <SdrStatus sdr={rowData} details={false} tableRef={tableRef}/>,
        td
    );
},

//这是父组件的方法
createdCell：函数（td、cellData、rowData、row、col）{
ReactDOM.render(
,
运输署
);
},

如果此SdrStatus组件不是父组件的子组件，则一切正常（所有cons上下文均不共享，…）

我想使用门户将此子组件与父组件连接：

// This is a method of the parent component
createdCell: function (td, cellData, rowData, row, col) {
    ReactDOM.createPortal(
        <SdrStatus sdr={rowData} details={false} tableRef={tableRef}/>,
        td
    );
},

//这是父组件的方法
createdCell：函数（td、cellData、rowData、row、col）{
ReactDOM.createPortal(
,
运输署
);
},

但在本例中，在UI上，结果如下所示：

---

有人知道这里的问题是什么吗？请考虑从DOM角度来看，TD是父组件容器div的一个子集（也许对于CurATEPATH门户来说是意外的）

很难用有限的信息来描述，但是当你的对象被渗入DOM时，通常会发生与对象对象连接的屏幕截图。也就是说，您提供给组件/表的道具可能不匹配。TD本身是在React中还是在React之外管理？答案取决于此。

由于信息有限，很难判断，但是当react道具渗入DOM时，通常会出现您附加在[object object]上的屏幕截图。也就是说，您提供给组件/表的道具可能不匹配。TD本身是在React中还是在React之外管理？答案取决于此。

这不是答案。当你有足够的声誉时，请将此作为评论发布。这不是答案。当你有足够的声誉时，请将此作为评论发布。