0

我需要从库 pure-react-carousel 中更改一种组件样式）。在文档中说它可以通过组件的一些类名样式来完成，如下所示。我知道我必须更改这个类“carousel__dot--selected” 我的问题是下一个 - 我必须在我的组件文件或某些 ccs 文件中定义这个类名？

<Dot children={null} className={servicesS['services-slider-dot']} slide={1}/>
<Dot children={null} className={servicesS['services-slider-dot']} slide={2}/>

在此处输入图像描述

4

1 回答 1

0

我是 pure-react-carousel 的作者。我认为您遇到了问题，因为您不确定 React 如何将类添加到组件中。

默认情况下，pure-react-carousel 的样式很少。但是每个组件都允许您添加自己的样式。事实上，这就是 pure-react-carousel 的意义所在。我们不会规定您的轮播应该是什么样子。

就像您必须将样式应用于 table、th、tr、td 标签以使表格看起来像您想要的那样，您必须将自己的样式应用于我们的 Dot 组件。

你在正确的轨道上。在您的情况下，您只需要.carousel__dot--selected在项目的全局 css 中创建一个 css 规则。

您是否使用 create-react-app 设置了您的项目？

制作一个名为“global.css”的文件（不是 global.module.scss，它必须是一个 css 文件）在此处添加您的规则并将其导入应用程序的主文件中。

// global.css

.carousel__dot--selected {
  background-color: yellow;
}
于 2020-03-05T18:41:39.347 回答