如何放置背景图片 React？

Question

我需要你的帮助。我正在尝试为我的页眉设置背景图片。照片在“public”文件夹中。我在 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 文件夹，如下所示："../public/one.jpg" 而不是 "./public/one.jpg".

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