老师 我想实现一个react图片预览的功能，有没有好的第三方插件介绍一下，以前用的是viewerjs

Question

老师能帮我看看嘛

Answer 1

提问者 qq_沧海桑田_2 2021-02-20 13:16:45

老师 如果我的组件是用hooks写的 没用ts 这个时候我想补充.d.ts文件，改如何导出这个.d.ts文件呢 现在这个是我写的 这样写行吗

Answer 2

张轩 2021-02-11 09:59:17

同学你好 我觉得 viewerjs 挺好的 就是有点太重了 你这个图片预览无非就是一个 modal 组件的变种，我觉得完全可以按自己的需求写一个 或者使用已经比较成熟的 modal 组件封装一个 比较好的 modal：https://react-popup.elazizi.com/ 

• 提问者 qq_沧海桑田_2 #1

  老师可以的，我打算自己写一个，可能会使用react的传送门，我页面的里面的样式是使用 styles.xxx 这种形式呢 还是 直接 className='xxx' 
  如果是前者的话，我引入的scss或者less作用不上去，后者的话直接写css就能生效，但我不是很想使用css 我是在这个项目的基础上拓展这些组件的

• 提问者 qq_沧海桑田_2 #2

  老师 如果我一个变量里面需要给一个div元素这是 宽高、transform等这些属性 这个时候这个div用ts定义是属于什么类型呢
    const [imgParentStyle, setImgParentStyle] = useState<>({});

• 张轩 回复 提问者 qq_沧海桑田_2 #3

  两种方式都可以 看你的考量了 你可以就添加一个非常简单的样式 然后使用者可以自己添加样式来扩展 因为你的组件关键在于行为

点开查看后面2条评论