2017-06-22 78 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的话。但是我可能会建议只使用样式属性,如果它是一个关闭。

相关问题