如何放置背景圖片反應？

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"而不是"./public/one.jpg" 。

我建議在 src 中添加一個資產文件夾，而不是使用公共文件夾。