我正在建立一个摄影网站。用户可以点击各种相册组件的链接，例如黑白人像相册、黑白建筑相册等。
每个相册的显示内容（即图像文件路径和相应的图像标题）在一个 json 文件中详细说明，该文件在相册组件顶部导入，例如import {images} from './albums/bwportraits.js';,import {images} from './album/bwarchitecture.js';等。
除了专辑特定的导入之外，每个专辑组件的其余部分都是相同的。我想要一个通用<Album />组件，但能够传递 json 文件以作为道具导入，即 ie<Album album = "bwportraits" />中<Album album = "bwarchitecture" /> 的导入<Album />相当于 (the non-valid) import {images} from './albums/{album}';。
也就是说，我想动态指定要导入的文件。这似乎是不可能的——或者，至少，我不知道该怎么做。
当然，可以将每个专辑 json 文件导入到<Album />组件中；它们相当小，性能影响可以忽略不计。但这对我来说有点不干净。是否有任何人都可以建议的“更清洁”的解决方法？