reactjs - how to set inline style of backgroundcolor?

Question

I want to set the style properties of some elements but I don\'t have the syntax correct. Can anyone suggest where I am wrong?

import React from \'react\';
         


        

Answer 1

https://facebook.github.io/react/tips/inline-styles.html

You don't need the quotes.

<a style={{backgroundColor: bgColors.Yellow}}>yellow</a>

Answer 2

If you want more than one style this is the correct full answer. This is div with class and style:

<div className="class-example" style={{width: '300px', height: '150px'}}></div>

Answer 3

Your quotes are in the wrong spot. Here's a simple example:

<div style={{backgroundColor: "#FF0000"}}>red</div>