本文轉載自：

方法一：內部樣式

<h1 style={styleObj} className="alert-text">Hello {this.props.name} {this.props.title}</h1>;

<style>
        .alert-text{
            font-size: 20px;
        }
    </style>

需要注意的是，react引用js檔案，type="text/babel" ，並且要設定DOM元素的class，應該寫className=" "而不是class=" "。

{/*style={{color:'red'}}*/}
 

方法三：在JSX中定義樣式物件

 var styleObj = {
            color:"blue",
            fontSize:40,
            fontWeight:"normal"
        } 

style={styleObj}