如何在React中使用.css樣式表？

Question

所以我有一個非常大的樣式表，我試圖在我的React代碼中使用它。通常我知道你會使用這種格式造型在陣營：

transparentBg: { 
    background: 'transparent' 
}, 

WhiteText: { 
    color:'white' 
}, 

然而，我的CSS樣式表是這樣的：

.transparentBg{ 
    background: transparent; 
} 

.WhiteText{ 
    color:white; 
} 

反正有我的整個CSS樣式錶轉換成陣營風格格式？或者讓我只使用原始CSS樣式表而不轉換它？

Answer 1

您的CSS仍然只是CSS和React仍然只呈現頁面上的HTML元素。

這意味着您可以將您的大型CSS文件添加到html文件中，並將您定義的CSS類/ ID等添加到React中的元素中。

所以，如果你有

.transparentBg{ 
    background: transparent; 
} 

.WhiteText{ 
    color:white; 
} 

在你反應的組分

然後你就可以使用這些類：

var SomeComponent = function() { 
    return <div className="WhiteText"> 
    Foo Bar Baz 
    </div>; 
};