React Carousel(轮播)
made with React

React Carousel(轮播)

这是一个特征丰富的轮播组件。

相关问答
暂无相关问题
查看全部
简介及使用教程

React Carousel是一个特征丰富的轮播组件。

有一些伟大的轮播组件(如slick),没有真正的反应实现。

React Carousel为您提供了轮播,它不像一些jQuery解决方案的包装器,它可以用作受控或不受控制的元素,并具有大量有用的特性。

安装

Npm

npm i @brainhubeu/react-carousel

使用

import React, { Component } from 'react';
import Carousel from '@brainhubeu/react-carousel';
import '@brainhubeu/react-carousel/lib/style.css';

export default class MyCarousel extends Component {
  render() {
    return (
      <Carousel>
        <img src={imageOne} />
        <img src={imageTwo} />
        <img src={imageThree} />
      </Carousel>
    );
  }
}

示例

image.png

image.png

image.png

作者

相关项目

这是一个动画加载骨架组件。
这是一个是一个iOS,Android和React Native库。
这是一个可以将SVG图片有变换效果的组件。
这是一个基于React.js粒子效果组件。
这是一个根据页面滚动位置旋转元素的组件。
这是一个基于React.js的动画对话框的集合。
这是一个可调整大小、排序的窗格组件。