我想让背景与反应的图像，但一个白色的部分被创建

Question

我想用react设置背景屏幕，但是我只能为文件上传部分设置背景屏幕。

你想问什么

如何将背景画面设置为整个平面，并根据网页大小调整背景画面?

<标题>代码

import React from "react";
import "../node_modules/bootstrap/dist/css/bootstrap.min.css";
import FileUpload from "./compornents/FileUpload";
function App () {
return (
<div className = "App">
<FileUpload />
</ div>
);
}
export default App;

Answer 1

创建一个文件，命名为style.css，并引用应用div

.App {
background-image: url("./assets/pic.jpg");
background-repeat: no-repeat;
}

然后导入到你的app.js

import "./style.css";

Answer 2

如果你将图像作为URL传递，那么你可以使用background-size的封面来适合你的div

{
background-image: url("Yout Image URL");
background-size: cover;
}