时间戳

首页 > 解决方案 > 在 react-js 中将 props.image 设置为背景图像

reactjs - 在 react-js 中将 props.image 设置为背景图像

问题描述

我在 react-js 中。假设我有一个从父组件获取图像的子组件。

我可以在子组件中将此图像显示为

<img src={URL.createObjectURL(props.image)}/>

我很惊讶我没有找到一种方法将此图像设置为 div 的背景（在子组件中）

    <div
    style={{ 
      backgroundImage: ???
    }}/>

我真的很感激任何建议

标签： reactjsimagebackground

解决方案

你不需要做的URL.createObjectURL只是props.image应该工作并在背景中添加图像，使用

<div
    style={{ 
      background: `url(${props.image})`
}}></div>

推荐阅读