轮播图使用插件：nuka-carousel
    参考示例：腾讯视频

    1. class AutoImg extends PureComponent {
    2.   // ....
    3.   setImg(imgUrl) {
    4.     const { width, height } = this.props
    6.     const img = new Image()
    7.     img.src = imgUrl
    8.     img.crossOrigin = '' // 处理图片跨域
    9.     img.onload = function () {
    10.       const ctx = this.cv.getContext('2d')
    11.       ctx.drawImage(img, 0, 0, width, height)
    13.       // 获取图片背景色
    14.       const [r, g, b, a] = ctx.getImageData(0, 0, 1, 1).data
    15.       this.inner.style.backgroundColor = `rgba(${r}, ${g}, ${b}, ${a})`
    16.     }
    17.   }
    19.   render() {
    20.     const { width, height } = this.props
    21.     return (
    22.       <div ref={inner => this.inner}>
    23.         <canvas
    24.           style={{
    25.             display: 'block',
    26.             margin: '0 auto',
    27.           }}
    28.             width=`${width}px`
    29.               height=`${height}px`
    30.               ref={cv => this.cv = cv}>
    31.         </canvas>
    32.       </div>
    33.     )
    34.   }
    35. }

    参考：createImageData()、getImageData() 以及 putImageData() 方法，以获得更多关于 ImageData 对象的知识。