相关疑难解决方法(0)

在 React 上导入多个图像

我正在尝试构建一个反应应用程序,我必须使用多个图像,现在我必须导入我将使用的每个图像,例如:

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)

没有输出

javascript jsx reactjs create-react-app

8
推荐指数
1
解决办法
1万
查看次数

创建循环以在 React 中动态导入文件

假设我有一个包含.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)

上面的方法显然行不通,但我正在寻找一种方法来实现类似的效果。

javascript ecmascript-6 reactjs

6
推荐指数
1
解决办法
1万
查看次数