jatery datatables реагирует на проблему с рендерингом js

Question

Я пытаюсь визуализировать динамическую кнопку внутри таблиц данных, которая вызывает функцию реагирования.

Я динамически создал кнопку в функции creatCell с использованием ReactDOM.render.Однако, когда я просматриваю страницу на мобильном дисплее, элемент отображается как [объект объекта].Я обнаружил, что решение состоит в том, чтобы использовать функцию визуализации columnDefs, но как мне отрендерить компонент, используя ReactDOM.render?текущий метод createCell:

'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/.Вы можете видеть, когда я изменяю размер браузера, кнопка не обрабатывается.