@reamey/media-preview v1.0.1

nav: title: Components

path: /components

MediaPreview

Demo:

import React, { useState } from 'react';
import { Button } from 'antd';
import MediaPreview from '@reamey/media-preview';
import audio from '@reamey/sort-media-upload/src/assets/png/audioPreview.png';

export default () => {
  const [show, setShow] = useState();
  return (
    <>
      <Button type="primary" onClick={() => setShow(true)}>
        点击查看预览
      </Button>
      <MediaPreview
        filePath={audio}
        title={'XXX'}
        visible={show}
        onClose={() => setShow(false)}
      />
    </>
  );
};

More skills for writing demo: https://d.umijs.org/guide/basic#write-component-demo