/react-mini-component

a mini react component

Primary LanguageJavaScriptMIT LicenseMIT

react-mini-component

carousel 跑马灯

ReactDOM.render(
 <Carousel>
    <div><h1>1</h1></div>
    <div><h1>2</h1></div>
    <div><h1>3</h1></div>
    <div><h1>4</h1></div>
 </Carousel>,
  document.getElementById('test')
);

props

speed: 500, // 动画速度
autoplay: true, // 是否自动播放
autoplaySpeed: 3000 // 自动播放延迟

tab标签

ReactDOM.render(
  <Tab activeKey="2">
    <TabPane tab="tab 1" key="1"><span>hello</span></TabPane>
    <TabPane tab="tab 3" key="5"><span>hello</span></TabPane>
    <TabPane tab="tab 4" key="4"><span>hello</span></TabPane>
    <TabPane tab="tab 5" key="3"><span>hello</span></TabPane>
    <TabPane tab="tab 2" key="2"><img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=1142132471,1812621697&fm=80" /></TabPane>
  </Tab>,
  document.getElementById('test')
);