React JS - Как при помощи ref изменять состояния компонентов динамически?

При помощи socket'a приходят данные. Есть таблица, в которую эти данные попадают, у каждой ячейки есть ref, который равен её id. Мне необходимо произвести изменение этой ячейки (а точнее изменить цвет), согласно условиям, которые описаны ниже.

Фрагмент кода, реализованного на JQuery:

 const setElementCost = (id, newCost) => {
 const oldCost = parseFloat(id.text());
 if (oldCost < newCost) {
   setElementColor(id, "#78bf52");
 } else if (oldCost === newCost || isNaN(oldCost)) {
   setElementColor(id, "#373a3c");
 } else {
  setElementColor(id, "#914534");
 }
 id.text(newCost.toFixed(2));
 }
};

Метод setElementColor - который вызывается выше:

const setElementColor = (element, color) => {
        element.stop().animate({backgroundColor: color}, 400);
};

Вопрос такой, можно ли зная id, если он задан строкой, при помощи ref получить этот элемент? Если да, можно пример..