react中如何引入css樣式

react中引入css樣式的方法：首先在render函數中宣告樣式，如【render() {let mystyle = {}}】；然後引用樣式即可，如【return(

);】。

本文環境：windows10、react16&&css3版本，Dell G3電腦。

（學習影片分享：react影片教學）

react有三種方法可以引入css樣式：

1、行內樣式：直接在元件內部定義

<div style={{width:&#39;20px&#39;,height:&#39;30px&#39;}}>
    First Way!
</div>

2、聲明樣式：在render函數中先聲明，再引用

render() {
    let mystyle = {
         width:'20px',
         height:'30px'
    }

    return(
        <div style={mystyle}>
            Second Way!
        </div>
    );
}

3、引入樣式：引入外部的css文件，外部的css文件就是普通的css，在元件js中的import語句後面使用如下語句。

requre('./mystyle.css');

相關推薦：js教學

#

以上是react中如何引入css樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章！