React 仿淘宝图片放大镜功能

安装第三方插件

npm i @parrotjs/react-preview-magnifier

npm i @parrotjs/react-preview-magnifier/dist/index.css

import React from 'react';
import Preview from '@parrotjs/react-preview-magnifier';
import '@parrotjs/react-preview-magnifier/dist/index.css';
export default function Fdjing() {
    return (
        <div className='fdj'>
            <Preview>
                < img src='https://statics.888ppt.com/Upload/photothumb/bx12Nqd1kNk.jpg!w800' alt='' />
            </Preview>
        </div>
    );
}