React Learning (iv) Set CSS style Chapter

Setting CSS styles in react

Method One:

Inline style: using {{}}, unlike inserting JS code in normal JSX, this requires two parentheses.

float: ' Right ',}}>          this. Renderbutton ()}</div>

This method is not recommended if you have more styles.

You can use method two

Method Two:

Define the style variables in the Jsx file.

Let ButtonStyle = {  // define style variable            backgroundcolor: ' Blue ',            // ay, Find a half-day source, good magic.             width: ' 230px ',            ' 1px solid blue ',            padding:' 5px ',            ' 10px ' ,            ' 213 '        }//jsx call <div style={buttonstyle}>  // use a curly brace at this time This         . Renderbutton ()}</div>

Method Three:

Write the CSS file normally, then introduce it,

Import './style.css ';  

React Learning (iv) Set CSS style Chapter