Html 如何设置图像滑块 var Home=React.createClass({ render:function（）{ 返回( ) } })

我需要这4幅图片作为一个滑块，有人能给我使用react或带有CSS的html的代码吗

var Home = React.createClass({
    render: function() {
      return (
          <div>
              <img src="images/12.jpg" />
              <img src="images/11.jpg" />
              <img src="images/13.jpg" />
              <img src="images/14.jpg" />
          </div>
       )
    }
})

---

首先，这不是提问的方式

您可以使用一些自制的React滑块组件，但如果您想自己使用，可以执行以下操作：

这只是为了得到一个想法：

类测试扩展了React.Component{
构造函数（）{
超级（）；
此.state={
边缘左侧：0
}
}
componentDidMount（）{
this.interval=setInterval（this.changeSlide.bind（this），2000）；
}
更改幻灯片（）{
让totalSlides=document.getElementById（“内部”）.children.length-1；
让getWidth=document.getElementById（“slide1”）.offsetWidth；
设marginLeft=this.state.marginLeft；
如果（（totalSlides*-getWidth）>=this.state.marginLeft）{
marginLeft=0
}否则{
marginLeft=this.state.marginLeft-getWidth
}
this.setState（{marginLeft}）
}
render（）{
返回(
)
}
}
ReactDOM.render（，document.getElementById（'container'））
.outter{
宽度：500px；
溢出：隐藏；
}
.内部{
宽度：1000%；
浮动：左；
左边距：0；
过渡：所有的1容易；
}
.内部img{
最大宽度：500px；
宽度：500px；
浮动：左；
}
var Home=React.createClass（{render:function（）{return）（你能解释一下“slider”是什么意思吗？你能提供一些例子吗？
https://github.com/jossmac/react-images
https://github.com/xiaolin/react-image-gallery
http://kenwheeler.github.io/slick/