如何在 react-slick 中将类添加到 li 标签

Posted 2023-02-25

【中文标题】如何在 react-slick 中将类添加到 li 标签

【英文标题】：How to add class to li tag in react-slick

【发布时间】：2020-04-26 08:25:02

【问题描述】：

我正在使用react-slick 库。我检查了 API docs，但没有找到任何设置 li 标签类的道具。

如何添加我的自定义类名？

【问题讨论】：

react docs 是否没有很好地涵盖样式？请更新您的问题以包含Minimal, Complete, and Reproducible 代码示例以及有关哪些内容不起作用以及您的预期结果应该是什么的详细信息。正如所写，目前尚不清楚问题是什么。

【参考方案1】：

您应该将自定义 className 添加到包装器中，然后在您的 CSS 文件中选择 li 子级并注入您的样式，如下所示：

const settings = 
  className: 'customName', // <== your custom name
  dots: true,
  infinite: true,
  speed: 500,
  slidesToShow: 1,
  slidesToScroll: 1
;

在你的 CSS 文件中：

.customName li 
  border: 1px solid red; /* it's just an example */