我想将React-slick slides
的所有li
包裹在ul
中。我浏览了文档,发现slide
属性可用于更改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