javascript - 包装反应光滑
问题描述
我想把我所有的React-slick slides
都包li
起来ul
。我浏览了文档,发现slide
prop 可用于更改container
元素。它需要一个包装元素名称为string
. 默认值为div
,我将其更改为,ul
但我仍然将 div 作为容器div
。
class App extends Component {
render() {
let settings = {
dots: true,
infinite: true,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
slide: "ul"
};
return (
<Slider {...settings}>
<li>
<h3>1</h3>
</li>
<li>
<h3>2</h3>
</li>
<li>
<h3>3</h3>
</li>
<li>
<h3>4</h3>
</li>
<li>
<h3>5</h3>
</li>
<li>
<h3>6</h3>
</li>
</Slider>
);
}
}
Codesandbox 链接https://codesandbox.io/s/0xjlvkp9jl
解决方案
推荐阅读
- c# - 使位图适合图片框的大小 - Winform C#
- python - 从多个 csv 文件中删除重复项并保存在另一个目录中
- arrays - 将 mongodb 数组映射到对象
- c - 以下代码中 % 的用途是什么?
- c# - 什么时候是 new Guid() 00000000-0000-0000-0000-000000000000,什么时候不是?
- mongodb - 如何使用 Jest 测试 ID 是否是有效的 MongoDB 对象 ID?
- android - 当所有活动解除绑定时,是否会破坏有界服务?
- scikit-learn - 在 LDA 的 scikit learn 实现中,transform 和 decision_function 有什么区别?
- c++ - 2个数组变得相等
- arrays - where 子句中的嵌套表不起作用