Question

我在视图中使用了以下反应组件实例：

SFTP

我想要一个单独的样式（即此实例的不同背景图片。所以这不起作用：

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

在<Jumbotron className="individual"> Lot's of important content </Jumbotron>中包装实例也不起作用。我怎么能用简单的标记和CSS来做到这一点，这样我就可以简单地在CSS中设置单个类的样式？ AFAIK属性无法帮助自定义实例...

Answer 1

您可以传递style属性，也可以以相同的方式传递className属性

<Jumbotron className="background--black">

让你的组件像这样 -

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

如果您正在使用className，请导入包含该类的css文件。但我可能会建议只使用样式属性，如果它是一次性的。

为什么反应组件实例的个别样式不起作用？

1 个答案: