如何在 require() 中使用变量？答案

【问题标题】：How to use variables inside require()?如何在 require() 中使用变量？
【发布时间】：2021-05-20 23:59:22
【问题描述】：

我在这里遇到问题，我不知道是否可以这样做，我正在提取数据作为路线的参数：

onPress={() =>
  navigation.navigate('product', {
    pathToImage: "../../images/airdots_category.jpg",
 })

然后，我将它们放在我的其他页面上。

const pathToImage = route.params.pathToImage;

现在，我想将pathToImage 传递给require()：

<Image source={pathToImage} />

但它不接受，因为路径正确，我觉得很奇怪，因为我只是将路径放在变量中。

如果你有其他方法...拜托！

【问题讨论】：

检查stackoverflow.com/a/62192731/2873538
这能回答你的问题吗？ How do I dynamically import images in React?

标签： javascript reactjs typescript react-native require

【解决方案1】：

您可以从传递您的参数的位置添加像这样的图像路径的要求。

onPress={() =>
  navigation.navigate('product', {
    pathToImage: require("../../images/airdots_category.jpg"),
 })

const pathToImage = route.params.pathToImage;

<Image source={pathToImage} />

【讨论】：