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

Question

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

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

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

const pathToImage = route.params.pathToImage;

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

<Image source={pathToImage} />

但是不接受，既然路径来对了，我觉得很奇怪，因为我只是把路径放在一个变量里面。

如果您有其他方法......请！

Answer 1

您可以从传递参数的地方添加带有图像路径的要求。

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

const pathToImage = route.params.pathToImage;

<Image source={pathToImage} />

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

How to use variables inside require()?

javascript

require

typescript

reactjs

react-native