Инкапсулируйте данные блога html в другой тег вactjs

Question

У меня есть блог, который написан с использованием WYSIWYG-редактора, в результате HTML напрямую сохраняется в базе данных. Теперь я использую загрузчик во внешнем интерфейсе и хочу инкапсулировать все теги таблиц содержимого внутри элемента div, имеющего класс «отзывчивый на таблицу». Я легко смог сделать это с помощью DOM, но мне любопытно узнать, как лучше всего это сделать в React js.

var tableHandler = (function () {
    return{
      tableResponsive: function(){
        var tables = document.getElementsByTagName('table');
        [].forEach.call(tables, function (key, value) {
            var responsive_wrapper  = document.createElement('div');
            responsive_wrapper.className = "table-responsive";
            key =tableHandler.wrapper(key,responsive_wrapper);
        });
      },
      wrapper: function(toWrap, wrapper){
        if (toWrap.nextSibling) {
            toWrap.parentNode.insertBefore(wrapper, toWrap.nextSibling);
        } else {
            toWrap.parentNode.appendChild(wrapper);
        }
        return wrapper.appendChild(toWrap);
      }
    }
})();
docReady(function () {
   tableHandler.tableResponsive(); 
});

Обратите внимание, что добавление div в редакторе перед сохранением в БДэто не вариант для меня.