javascript - 无法在我的反应应用程序中加载背景图像
问题描述
我是新来的反应,我正在尝试在我的反应应用程序中加载背景图像。我不知道为什么,但它没有在反应组件 app.js 的后台呈现。下面是我的代码...
import logo from './logo.svg';
import './App.css';
import pic04 from './pic04.jpg';
function App() {
return (
<div className="App">
<div style={{ backgroundImage: `url(${pic04})`,backgroundSize: 'cover' }}>
</div>
<header className="App-header">
<p>
Edit <code>src/App.js</code> and save to reload.
</p>
<a
className="App-link"
href="https://reactjs.org"
target="_blank"
rel="noopener noreferrer"
>
Learn React
</a>
</header>
</div>
);
}
export default App;
我可以在浏览器中找到...
解决方案
静态资源可以由“加载器”使用或定位在项目的 /public 目录中并获取
url('/filename')
.
推荐阅读
- postgresql - 必须先提交新的枚举值,然后才能使用它们
- javascript - 模拟dayjs扩展
- python - 用列表替换数据框中的每个 Null 值
- go - 是否可以使用在其他地方生成的 Metamask 签署交易?
- angular - Spring(Spring Boot)如何向前端提供 CSRF 令牌?
- python-3.x - 在与 Raspberry Pi 连接时为 ADC 设置用户定义的采样率
- r - 在 R 中绘制多个波形图
- python - 比较列表中的两个二维列表,并打印不同的行。但没有一列
- mysql - 添加外键失败
- python - Python Datacompy:如何获得完整的比较报告?