ReactJS 选项卡切换 （react-swipeable-views）

ReactJS 选项卡切换实现

应用组件 react-swipeable-views
react-swipeable-views : Doc

A React component for swipeable views. ❄️ https://react-swipeable-views.com/

Installation

Install react-swipeable-views.

npm

npm install --save react-swipeable-views

Usage

Get started with react-swipeable-views in no time.

• Simple example

import React from 'react';
import SwipeableViews from 'react-swipeable-views';

const styles = {
   
  slide: {
   
    padding: 15,
    minHeight: 100,
    color: '#fff',
  },
  slide1: {
   
    background: '#FEA900',
  },
  slide2: {
   
    background: '#B3DC4A',
  },
  slide3: {
   
    background: '#6AC0FF',
  },
};

const MyComponent = () => (
  <SwipeableViews>
    <div style={
   Object.assign({
   }, styles.slide, styles.slide1)}>
      slide n°1
    </div>
    <div style={
   Object.assign({
   }, styles.slide, styles.slide2)