如何在js数据文件中插入图片

Question

我正在创建一个我已经尝试了很多不同的方法来处理图像，但我似乎无法弄清楚...... 我希望有人在 React Native 中使用测验应用程序，并且在 js 数据文件上插入包含每个问题的图像时遇到问题。

我也是 React Native 的初学者，所以🙏！！！！

这是我的 .js 文件：

export default data = [
     {
      question1: "How would you say 'Cherry' in Italian?,
      image: require('../../assets/images/cartoon cherry.png),
      options: ["Mela", "Fragola", "Ciliegia"],
      correct_option: "Ciliegia"
     },
]

我尝试了很多不同的方法来处理图像，但我似乎无法弄清楚...... 我希望有人能帮我...谢谢..

Answer 1

您的 JavaScript 数据文件中存在轻微语法错误。图像的 require 语句应该是有效的 JavaScript 表达式，并且您的 Question1 字符串缺少结束引号 (')。

请参考更正后的代码：

export default data = [
  {
    question1: "How would you say 'Cherry' in Italian?",
    image: require('../../assets/images/cartoon_cherry.png'),
    options: ["Mela", "Fragola", "Ciliegia"],
    correct_option: "Ciliegia"
  }
];

希望这对您有帮助:)

如果这对您不起作用，请检查您的图像的路径。