在React JS中用颜色标记一行

Question

I would like to mark a certain line in my React component in green.

After searching for a way to do that, this is what I wrote:

     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>;

Of course, it is written inside render().

I would like to get a suggestion of how to make it work. Also, if I did not supply enough details please let me know.

*This is the error I get:

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

There is no need to add div in tr element.Try this:

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

Edit: For your problem, there are many reasons for this, so here are some options for you to try.

1. run npm cache clean and npm install
2. close editor software and open it again
3. if you are using windows, close node.js serve in back terminal and close the window defender

Answer 2

The color property makes the text color green. Is the text not changing to green? If not try using hex code and see if it works