如何使用 ReactJS 在本地图像上设置宽度和高度

Question

我想在图片库上显示之前设置宽度和高度。

import ap1 from './Images/ap1.jpg';

const images = [ {original: ap1, thumbnail: ap1}]

如何在{original: ap1, thumbnail: ap1}中设置宽度和高度？

Answer 1

我会通过我的应用程序创建一个可重用的组件：

 function PictureSizer ({img, height, width}) {
       return <img height={height} width={width} src={img} alt="Type something descriptive" />
    }

然后你可以用你想要的任何高度、宽度调用该组件：

import ap1 from './Images/ap1.jpg';

<PictureSizer img={ap1} height={50} width={50} />;