Выделить линию цветом в React js

Question

Я хотел бы отметить определенную строку в моем компоненте React зеленым цветом.

После поиска способа сделать это я написал следующее:

     var transferDateElemet =  <tr>
                  <td>Date of transfer to organization </td>
                  <td style={{color: green,background: '#00CC00'}}>
                             {transferDate.getUTCDate() + "/" + (transferDate.getUTCMonth() +1 ) + "/" + transferDate.getUTCFullYear()}{transferDateExpected}
                  </td>
              </tr>;

Конечно, это написано внутри render ().

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

* Я получаю ошибку:

Failed to compile.

EBUSY: resource busy or locked, unlink 'C:\Users\***\***\***\***\***\***\static\media\logo.ee7cd8ed.svg'


npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! my-app@0.1.0 build: `react-scripts build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the my-app@0.1.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

Answer 1

Нет необходимости добавлять div в элемент tr. Попробуйте это:

<td style={{color: green,background: '#00CC00'}}>
{transferDate.getUTCDate() + "/" + (transferDate.getUTCMonth() +1 ) + "/" + transferDate.getUTCFullYear()}{transferDateExpected}

Редактировать: Для вашей проблемы есть много причин, так что вот несколько вариантов

1. Запустите Очистка кэша npm и Установка npm
2. закройте программное обеспечение редактора и снова откройте его
3. если вы используете окна, закройте файл node.js на заднем терминале и закройте защитник окна

Answer 2

Свойство color делает цвет текста зеленым.Текст не меняется на зеленый?Если нет, попробуйте использовать шестнадцатеричный код и посмотрите, работает ли он