关于在 React 中使用图像的问题！
导入图片然后使用它的工作原理：
import photo from "../img/profilephoto.jpg"
<img src={photo} />
在 require() 中使用 props 作为源：
<img src={require(`../img/${this.props.img}`)} />
但是导入一个对象（带有更多对象），然后使用导航来获取字符串，是行不通的！
import text from "../text" // This is the object wich contains more objects
<img src={require(`../img/${text.contact.photo}`)} />
错误，因为“文本未定义”。
我在互联网上寻找答案，但找不到导入对象的解决方案。是否可以将导入对象中的键/值用作 img 的路径源，其中 img 本身以前未导入？
问题已经解决了！
前
我在 text.js 中有这样的内容；只是对象：
export default {
header: {
key: "value,
key: "value",
photo: "./img/photo.jpg"
},
footer: {
...and so on...
}
}
在组件中我有这个：
import text from "../text" // This is the object wich contains more objects
<img src={require(`../img/${text.contact.photo}`)} />
后
为了使 require() 工作，需要知道照片。所以我在 text.js 中改成这样：
*import photo from "./img/photo.jpg"* //This import is new
export default {
header: {
key: "value,
key: "value",
photo: *photo* //Use the imported phto instead of writing the file path
},
footer: {
...and so on...
}
}
在组件中：
<img src={text.contact.photo}/> //Using the text.js with the objects
现在它起作用了！！
感谢反馈！