博客图片需要进行放大、切换等效果，引入 viewerjs 这种第三方组件，可以快速获得丰富、完善的图片播放功能。

https://fengyuanchen.github.io/viewerjs/

安装

npm install viewerjs

使用：

引入样式：

import 'viewerjs/dist/viewer.css';

useEffect 中初始化：

const ref = useRef<HTMLDivElement>();
useEffect(() => {
  const viewer = ref.current ? new Viewer(ref.current, {}) : null;
  return () => {
    viewer && viewer.destroy();
  };
}, []);

定制工具栏：

new Viewer(ref.current, {
  toolbar: {
    zoomIn: 4,
    zoomOut: 4,
    reset: 4,
    prev: 4,
    next: 4,
    rotateLeft: 4,
    rotateRight: 4,
  },
}) 

本站已引入该组件，图片预览测试：