javascript - 如何在ReactJs中为backgroundImage编写正确的语法?

标签 javascript reactjs

我试图在 map() 函数中定义 a 的背景图像,但我无法理解添加一个的正确语法是什么:

我有一个名为value的变量,它存储文件名,我想在我的backgroundImage中插入uploads/,因为它是我希望backgroundImage获取文件名的文件夹图片。

我已经尝试过:

<div className="image-show" key={index} style={{backgroundImage: URL({'uploads/' + value})}}>

但它返回以下错误:

Error

提前致谢

最佳答案

你可以尝试一下:

style={{backgroundImage: "url(uploads/" + value + ")" }}

//OR

style={{backgroundImage: `url(uploads/${value})` }}

关于javascript - 如何在ReactJs中为backgroundImage编写正确的语法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62323806/

相关文章:

javascript - 使用 draft.js 是否可以使用类名创建自定义 block 跨度

javascript - VueJs + Firebase - 如何读取简单数据

php - 相当于 PHP 字符串附加的 JavaScript

javascript - 如何在声明后获取 jQuery 元素

javascript - React 暴露组件功能并使用 ComponentDidMount 获取数据

javascript - 在状态更改之前运行的 React 函数

javascript - 使用ajax处理多种表单

php - php中的乘法问题

css - 如何使用 scss 修复 div 宽度( react )

javascript - react - onChange 事件/setState