React native React Native-为“Image”提供的属性“source”无效-正在合并图像源字符串

当我连接源字符串时，我有来自props的图像源，比如：

require（../assets/images/${props.image}）

。然后我在图像的source属性上调用它，我得到一个错误：失败的道具类型：无效的道具

source

提供给

image

有人能帮忙吗，非常感谢 } /> ); } 您试图将字符串传递给

image

变量，源代码将失败，因为您提供了字符串。你需要像下面那样更新它

let image = require(`../assets/images/${props.image}`);

import images from './imageManager';

function Category(props) {
let image = images[props.image];
...

编辑：

require

在设备上呈现应用程序之前嵌入所有图像，这意味着您不能在require中使用动态本地路径。你可以阅读更多信息。最好的方法是将资源嵌入到一个单独的js文件中，并从那里导出它们，然后在需要的地方导入和引用它们

例如，有一个带有以下代码的imageManager.js

export default {
   first_image: require('./image.png'); 
}

然后在您的组件中，您可以像下面那样使用它们

let image = require(`../assets/images/${props.image}`);

import images from './imageManager';

function Category(props) {
let image = images[props.image];
...

然后可以将props.image设置为“first_image”等

希望有此帮助。

您试图将字符串传递给

图像

变量，源代码将失败，因为您提供了字符串。你需要像下面那样更新它

let image = require(`../assets/images/${props.image}`);

import images from './imageManager';

function Category(props) {
let image = images[props.image];
...

编辑：

require

在设备上呈现应用程序之前嵌入所有图像，这意味着您不能在require中使用动态本地路径。你可以阅读更多信息。最好的方法是将资源嵌入到一个单独的js文件中，并从那里导出它们，然后在需要的地方导入和引用它们

例如，有一个带有以下代码的imageManager.js

export default {
   first_image: require('./image.png'); 
}

然后在您的组件中，您可以像下面那样使用它们

let image = require(`../assets/images/${props.image}`);

import images from './imageManager';

function Category(props) {
let image = images[props.image];
...

然后可以将props.image设置为“first_image”等

---

希望这对您有所帮助。

您的问题需要更多信息。包括您使用类别组件的父组件。我刚刚更新了我的问题，您的问题中需要更多信息。包括您使用类别组件的父组件。我刚刚更新了我的问题@Noname What

console.log（图像）日志？这行有一个错误：让image=require（
。/assets/images/${props.image}
）；TransformError components\Category.js:components\Category.js：第5行的无效调用：require（“../assets/images/”+props.image）似乎您无法根据此处的文档使用动态路径哇，这是一个很好的答案，它节省了我的时间，非常感谢兄弟@Noname What
console.log（图像）日志？这行有一个错误：让image=require（
。/assets/images/${props.image}
）；TransformError components\Category.js:components\Category.js：第5行的无效调用：require（“../assets/images/”+props.image）似乎您无法根据此处的文档使用动态路径哇，这是一个很好的答案，它节省了我的时间，非常感谢兄弟！！！！！