Javascript 包裹反应光滑<；李>；幻灯片内部<；ul>；

我想把我所有的

React光滑幻灯片

都包在

ul

里面。我浏览了文档，发现

slide

prop可用于更改

容器

元素。它将换行元素名称作为

字符串

。默认值是

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>
    );
  }
}

类应用程序扩展组件{
render（）{
让设置={
点：是的，
无限：是的，
速度:500,，
幻灯片放映：1，
幻灯片滚动：1，
幻灯片：“ul”
};
返回(

1.


2.


3.


4.


5.


6.

);
}
}

代码沙盒链接