javascript - 只为 Next.js 中的延迟加载提供一个图像尺寸维度
问题描述
在我的 Next.js 应用程序中,我懒惰地加载了一些带有内置<Image />
组件的图像。这些图像中的大多数都是 SVG。它运作良好,但问题是我需要手动硬编码每个图像的宽度和高度,因为这个组件需要两个维度。计算纵横比需要做很多额外的工作,我确信有一种方法可以优化我的工作流程。
我希望能够为每个图像提供宽度或高度,缺少的尺寸是从图像文件本身计算出来的。随着 Next.js 编译结果,应该是可以的。
是否有编译图像尺寸的内置方法?
解决方案
推荐阅读
- c# - Xamarin页面底部背景中的半圆叠加
- reactjs - 如何从 native 跳转到指定的 react native 页面
- spring - Spring cloud Sleuth - traceId 不会为 RestTemplate 传播
- scene - Godot:如何从可能的场景列表中实例化一个场景
- bash - grep 在匹配记录之前返回匹配行和 n 行
- google-chrome-extension - 如何获取重新激活的 chrome 扩展的服务人员的事件?
- reactjs - 在 react-bootstrap - SyntaxError
我正在使用 react-bootstrap 开发一个 React 项目,并且在尝试在该
<Table>
部分之前或之后添加 JSX 时遇到问题。有熟悉这个问题的人吗?
return ( <h1>My Schedule</h1> <Table striped bord
- android - 如何在kotlin中将传递的参数数量的最小值设置为函数
- soap - 磁极2迁移工具安装错误
- python - 如何读取两个 csv 文件并将它们连接起来?