imgpreview-react v1.0.0

React ImagePreview

图片预览与查看器，自动适应移动端，只需提供图片地址数组即可，自动计算图片宽高，自适应显示

install

npm install imgpreview-react  -S

example

import React from "react"
import ImagePreview from "imgpreview-react";

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      visible: true
    };
  }

  onClose = () => {
    this.setState({
      visible: false
    });
  };

  render() {
    const imgs = [
      "./1.jpg",
      "./2.jpg",
      "./3.jpg",
      "./4.jpg",
    ];

    return (
      <div>
        <ImagePreview
          imgs={imgs}
          visible={this.state.visible}
          onClose={this.onClose}
          width={1000}
          height={500}
        />
      </div>
    );
  }
}

api