Javascript 在js文件之间传递变量

我开始用react建立一个网站，我想有一个js文件，在那里我可以把所有的文本和图像放在一个地方，以便于访问和编辑，我可以使用export和import来传递文本变量，但我正在努力传递图像src

如本例所示：

Banner.js：

<Img src={this.props.src} />
<h3>{this.props.text}</h3>

在我的Vars.js文件中，我希望有我所有的文本和图像源，Banner.js是我希望使用props将变量传递给的组件，index.js是我希望从Vars.js导入所有变量的地方

---

文本渲染正常，但图像不工作

因为您没有导入或需要图像。你有两个选择

第一个

在

var.js

中更改导出

module.exports = {
    bannerSrc: require( "./assets/imgs/banner.jpg" ),
    bannerText: "Some text to appear in banner!"
}

第二个

在

横幅

中这样使用

要求

：

<img src={require( "" + props.src )} />
<h3>{props.text}</h3>

{props.text}

---

不要省略

“”+

部分，如果您需要

则
不能使用您的变量。
您是否考虑了相对路径不同的事实？
module.exports = {
    bannerSrc: require( "./assets/imgs/banner.jpg" ),
    bannerText: "Some text to appear in banner!"
}

<img src={require( "" + props.src )} />
<h3>{props.text}</h3>