2017-06-22 35 views
0

我使用的是反應成分以下實例在一個視圖:爲什麼反應組件實例的單個樣式不起作用?

<Jumbotron> 
    Lot's of important content 
</Jumbotron> 

我希望個人風格(即此實例不同的背景圖像,這不起作用:

<Jumbotron className="individual"> 
    Lot's of important content 
</Jumbotron> 

div中包裝實例也不起作用我該如何使用簡單的標記和CSS來完成此操作,以便我可以簡單地設置CSS中的單個類?AFAIK屬性無助於定製實例...

+0

您是否將文件導入到根容器中? – Ozan

+0

哪裏是'css'類導入? –

+0

[在自定義React元素上添加樣式屬性似乎沒有選擇](https://stackoverflow.com/questions/44573292/adding-style-attribute-on-custom-react-element-does-not-如果Jumbotron是一個自定義組件* –

回答

0

您可以在樣式屬性傳遞,也可以以同樣的方式

<Jumbotron className="background--black"> 

通過className屬性,讓你的組件這樣的 -

const Jumbotron = ({className}) => { 
    <div className={className}> 
     Here is the jumbotron 
    </div> 
} 
export default Jumbotron 

並導入具有一流的css文件如果你使用className的話。但是我可能會建議只使用樣式屬性,如果它是一個關閉。

相關問題