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   import debug from  debug   const log   debug  app component Header     var bgColors      Default     81b71a                        Blue     00B1E1                        Cyan     37BC9B                        Green     8CC152                        Red     E9573F                        Yellow     F6BB42       export default class SideBar extends React Component      constructor props        super props            render          return          lt a style    backgroundColor   bgColors Default      gt default lt  a gt       lt a style    backgroundColor   bgColors Blue      gt blue lt  a gt       lt a style    backgroundColor   bgColors Cyan      gt cyan lt  a gt       lt a style    backgroundColor   bgColors Green      gt green lt  a gt       lt a style    backgroundColor   bgColors Red       gt red lt  a gt       lt a style    backgroundColor   bgColors Yellow      gt yellow lt  a gt                         UPDATE  for anyone looking at this please see comments this is not working code

User · Accepted Answer

https   facebook github io react tips inline-styles html  You don t need the quotes    lt a style   backgroundColor  bgColors Yellow   gt yellow lt  a gt

User · Answer

If you want more than one style this is the correct full answer  This is div with class and style    lt div className  class-example  style   width   300px   height   150px    gt  lt  div gt

User · Answer

Your quotes are in the wrong spot   Here s a simple example    lt div style   backgroundColor    FF0000    gt red lt  div gt

[javascript] reactjs - how to set inline style of backgroundcolor?

Examples related to javascript

Examples related to reactjs