Javascript 图像路径和删除属性不工作？

我正在开发一个ReactJs应用程序，我是一个全新的React主题，现在我面临两个问题

第一个是我无法读取图像的路径，下面是我的文件夹结构

我想从Login.jsx文件调用映像，我尝试了

<Image src = {"../assets/images/SiteLogo.png"} fluid />

---

第一个问题：

您不能从服务页面引用本地文件系统上的路径，您需要通过HTTP实际服务您的资产。如果您已经这样做了，请包括相关代码

第二个问题：

React生成的手动操作的DOM是一个很大的禁忌（当组件渲染时，您的更改将被覆盖），您需要配置

React particle js

，以首先不设置这些属性

let canvas = document.querySelector("canvas");
canvas.style.removeProperty("width");
canvas.style.removeProperty("height");
canvas.removeAttribute("width");
canvas.removeAttribute("height");