Question

// Json

{
  "image": "./images/restaurants/ding.jpg",
}

// React Native

import data from './data.json';
<Image source = {require(data.image)} style = {{ width: 98, height: 22 }} />

我正在尝试从本地Json文件加载图片。但是我遇到了以下错误

calls to `require` expect exactly 1 string literal argument, but this was found: `require(_data2.default.image)`.

有人可以帮助我修复它吗？

Answer 1

require（）仅采用“文字字符串”，因此您不能使用变量。

所以你可以写：

const image = require('./image.png')
<Image
  source={image}
/>

但是你不能写：

const image = './image.png'
<Image
  source={require(image)}
/>

无法读取从json文件导入的图片网址

1 个答案: