content: require('normalize.css/normalize.css');
  require('styles/App.css');
  
  import React from 'react';
  import {Link} from 'react-router';
  
  /*生成每一张影片的基本组件*/
  var Movie = React.createClass({
    
    
    render:function(){
  
    	/*通过传入的数据来定义影片的基本信息*/
  	var imgurl = this.props.data.movieUrl;
  
  	/*通过影片的url来分割出影片对应json数组的位置code*/
  	var arr = imgurl.split('.');
  	var imgsDataCode = arr[arr.length-2].split('images/')[1];
      /*通过Link为每张影片添加点击，转到影片介绍视图*/
      return(
  	      <li className='movieli'>
  	          
                <Link to={'/dis/'+imgsDataCode}><img src={this.props.data.movieUrl} /></Link>
                <p>{this.props.data.movieName}</p>
  	      </li>
  		);
    }
  });
  
  export default Movie;