caldis / react-image-slideshow Goto Github PK

import React, { Component } from 'react';
import SlideShow from 'react-image-slideshow'

class App extends Component {
    constructor(props){
        super(props);
        this.state = {
            imgsData:[
                {
                    url: 'http://home.southcn.com/h/images/attachement/jpg/site4/20150421/78/9637386486099772286.jpg'
                },
                {
                    url: 'http://home.southcn.com/h/images/attachement/jpg/site4/20150421/28/12022616921377275384.jpg'
                },
                {
                    url: 'http://home.southcn.com/h/images/attachement/jpg/site4/20150421/28/12022616921377275384.jpg'
                }
            ]
        }
    };
    render() {
        return (
            <div >
                <h1>Hello</h1>
                <SlideShow imgs={this.state.imgsData} ref="SlideShow" />
            </div>
        );
    }
}

export default App;