image-magnifier-react/example/src/app.js

React图片放大镜组件，鼠标经过会显示放大镜

/*
 * Author  rhys.zhao
 * Date  2022-01-28 15:36:55
 * LastEditors  rhys.zhao
 * LastEditTime  2022-03-03 21:28:36
 * Description
 */
import React from 'react';
import { render } from 'react-dom';

import Magnifier from '../../src';
import demoImage from '../assets/demo.jpg';

const App = () => (
  <div style={{ width: '100vw', height: '100vh' }}>
    <Magnifier image={demoImage} width={500} />
  </div>
);
render(<App />, document.getElementById('root'));