jQuery的数据表响应React JS渲染问题

Question

我正在尝试在数据表中渲染一个动态按钮，以调用react函数。

我已经使用ReactDOM.render在createdCell函数中动态创建了一个按钮。但是，当我在移动显示中查看页面时，该元素呈现为[object object]。我发现解决方案是使用columnDefs渲染函数，但是我该如何使用ReactDOM.render渲染组件？ 当前createdCell方法：

'targets' : [8]
 createdCell: (td, cellData, rowData, row, col) => {
        ReactDOM.render(  <button
                       onClick={() => this.props.getDelCartItem({ rowID: rowData.RowID, code:
                        rowData.ProdCode })}
                        data-toggle='tooltip' data-placement='right' title='Delete Item From Cart'
                        className='btn btn-sm btn-danger'>
                        <i className="fas fa-times fa-lg"></i>
                          </button>
                          , td);

我尝试在此处重新创建问题：https://jsfiddle.net/xrtbcw70/2/ 。当我调整浏览器大小时，您可以看到按钮未呈现。