小编Fer*_*ter的帖子

我在使用 React 应用程序从本地计算机获取图像时遇到一些问题。

我正在尝试拍摄类似的图像

style={{ backgroundImage: `url(../../assets/images/games/${img}))`  }}

但它不起作用，我不明白为什么。

我的文件位于

C:\Users\Me\Desktop\myreactapp\src\routes\GameSlider\index.js

我的图像在

 C:\Users\Me\Desktop\myreactapp\src\assets\images\games

这就是我index.js现在的样子（没有导入）：

const GameSlider = ( { key, id,  name, img, minPrice, maxSlots } ) => {
    return (
        <div key={key}>
            <div className="home-games">
                <div className="img" style={{ backgroundImage: `url(../../assets/images/games/${img}))`  }} alt="..." />
                <div className="price">
                    <IntlMessages id="gameSlider.startingAt" />
                    <p>
                        <span className="min">{minPrice}</span> 
                        <span className="per-slot">
                            <IntlMessages id="gameSlider.perSlot" />
                        </span>
                    </p>
                </div>
                <span className="title">{name}</span>
                <div className="features">
                    <Col span={24} className="feature">
                        <Icon type="lock" /> <IntlMessages id="gameSlider.upTo" /> {maxSlots} <IntlMessages id="general.slots" />
                    </Col>
                </div> …