React - 如何访问公共文件夹中的图像？答案

【问题标题】：React - How to access image that is in public folder?React - 如何访问公共文件夹中的图像？
【发布时间】：2020-05-19 06:59:33
【问题描述】：

我正在尝试访问 src 文件夹中的 js 文件内的公用文件夹中的图像？更具体地说，我正在设计一个 div 容器。我想将其 backgroundImage 属性设置为公用文件夹中的图像文件。我该怎么做？感谢您的回复！

【问题讨论】：

标签： reactjs

【解决方案1】：

您不需要为此进行任何类型的配置。只需使用常规的 html 标签

 <img src= "yourimage.jpg" />

【讨论】：

我正在尝试将 div 容器的 background-image 属性设置为公用文件夹中的图像。我将如何在代码中编写它，特别是在 .js 文件中？顺便谢谢你的帮助。

【解决方案2】：

您可以使用内联样式道具并定义背景规则。

<div style={{
  backgroundImage: "url(pathToFile)",
  // other various style rules to size and position
}} />

【讨论】：