如何放置背景图片反应？

Question

我需要你的帮助。我正在尝试为我的标题设置背景图像。照片位于“公共”文件夹中。我在 css 中规定了我的照片的方式。但我有一个错误。我在做什么错？ React 中如何设置背景图片？

CSS

.header{
width: 100%;
height: 550px;
background-image: url(./public/one.jpg);
}

Js

import React from "react";

export let Header = () => {
return <header className='header'>
</header>
}

Answer 1

似乎您在 src 文件夹中，因此您需要转到父目录才能访问公共文件夹，如下所示："../public/one.jpg" 而不是 "./public/one.jpg"。< /p>

我建议在 src 中添加一个资产文件夹，而不是使用公共文件夹。