json - 世博会中的动态本地图像?
问题描述
我正在尝试使用 JSON 文件中的本地图像路径,如以前的帖子中所建议的那样,但这不是渲染。
我已经用静态参考测试了图像链接并且这个工作正常,所以图像路径是正确的。但是,从 JSON 文件中引用路径会导致错误。
我用我的代码片段和错误日志创建了一个要点:
https://gist.github.com/SKempin/ec0ce4be2c0ef6633dc4b7ee06378ec4
任何帮助将不胜感激!
解决方案
我在 ES6 中用反斜杠 ${``} 找到了这种方式
const Level_2_8 = () => {
const t = `./wait.png`
switch (level) {
case 61: return ( < Image source={require(`${t}`)} style={{ width: 50, height: 60 }} />)
break;
case 62: return (< Image source={require(`${t}`)} style={{ width: 50, height: 60 }} />)
break;
default: (< Image source={require(`${t}`)} style={{ width: 50, height: 60 }} />)
}
}
推荐阅读
- sql - 如何使用 SQL 查询选择 InTime 和 OutTime
- java - 显示方角的圆形进度条
- amazon-web-services - 如何使用 terraform 从多个 aws 账户中删除默认 VPC
- rust - 什么时候无法在 Rust 借用检查器中推断生命周期?
- android - Android Dagger - Hilt ViewModel 无法检测依赖关系
- machine-learning - Keras 图层输出
- php - 子查询顺序不适用于mysql中的外部组查询
- gradle - Apple 芯片无法在 gradle 测试中读取环境变量
- sql - 如何找到每种类型的最大值
- scala - # 符号后的部分不会在 Gatling 模拟中被调用