近期react項目有使用到查看大圖這一功能,特此記錄下react-zmage的使用心得
插件官方地址
https://zmage.caldis.me/
使用方法
-
yarn add react-zmage -S 或者 npm install react-zmage -S
-
在需要的地方引入
import Zmage from 'react-zmage'
-
將頁面中的img標籤替換爲Zmage 即可
<img src="圖片源鏈接"/> 換成 <Zmage src="圖片源鏈接">