Javascript 在react中添加需要的变量

如何将变量

bgImg

添加到

background image

URL

let bgImg = props=>props.bgImg;

//this will show error
export const Users = styled.div`
    background-image: url(${require('../../assets/images/' + {bgImg} + '.svg')});
    background-image: url(${require('../../assets/images/' + ${bgImg} + '.svg')});
`;

我已经试过了，但没用

let x = '../../assets/images/';
let bgImg = props=>props.bgImg;
let result = x + bgImg + ".svg";

结果有误

../../assets/images/function bgImg(props) {
    return props.bgImg;
}.svg

---

如何获取返回属性？

您正在寻找的功能可能是动态导入

import（“./math”）。然后（math=>{
log（math.add（16,26））；
});

您正在将

bgImg

定义为一个函数。您希望传递给该函数的是什么？在您所展示的内容中，没有任何东西真正调用它。

props

已经在范围内，为什么不直接执行

让bgImg=props.bgImg

？在将字符串传递给

require

之前创建字符串，这应该更容易。通过将svg内联用作react元素并呈现。。。直接进入DOM。