我正在尝试构建一个反应应用程序,我必须使用多个图像,现在我必须导入我将使用的每个图像,例如:
import image from '/img/img1.png';
<img src={img} />
Run Code Online (Sandbox Code Playgroud)
或者还有其他方法吗???,
PS:我尝试过“require”,它也给出了一个错误:
<img src={windows.location.origin +'/img/img1.png'}/>
Run Code Online (Sandbox Code Playgroud)
没有输出
假设我有一个包含.md如下文件的文件夹:
/static/blog/
example_title.md
another_example.md
three_examples.md
Run Code Online (Sandbox Code Playgroud)
我有一个包含所有标题的数组:
const blogEntries = ["example_title", "another_example", "three_examples"]
Run Code Online (Sandbox Code Playgroud)
在我的组件中,我想要import所有这些,请注意可能会更少或更多。
有没有办法动态导入它们,类似于:
for (let entry in blogEntries) {
import `Markdown_${entry}` from `/static/blog/${entry}.md`
}
Run Code Online (Sandbox Code Playgroud)
稍后在我的渲染中我可以这样做:
<Markdown_three_examples />
Run Code Online (Sandbox Code Playgroud)
上面的方法显然行不通,但我正在寻找一种方法来实现类似的效果。