[day07] react使用轮播图组件

使用react-slick写轮播图效果

组件官网:https://react-slick.neostack.com/

image

import React, {Component} from 'react';

// 引入轮播图组件

import Slider from 'react-slick';

export default class Categroy extends Component {

render () {

var settings = {

dots: true,

infinite: true,

speed: 500,

slidesToShow: 1,

slidesToScroll: 1,

autoplay: true,

};

return (

第一屏

{/* 测试按钮 */}

第二屏

); } }

你可能感兴趣的:([day07] react使用轮播图组件)