В моем реагирующем приложении у меня есть массив компонентов с компонентом изображения внутри, но у меня есть эта ошибка
Warning: Failed prop type: Invalid prop source supplied to ForwardRef(Image).
файл CampaignPreview
render() {
return (
<TouchableOpacity>
<ImageBackground
source = { require(this.props.imageFilePath) }
>
</ImageBackground>
</TouchableOpacity>
);
}
Главная страница файла
render() {
let campaigns = [
{
id: 1,
name: "WildFit",
expire: 1868029014,
picFrame: "../assets/picture.jpg",
done: 0.75
}
];
let campaignViews = campaigns.map( c => {
return (
<CampaignPreview
imageFilePath = { c.picFrame }
name = { c.name }
completation = { c.done }
key = { c.id }
/>
);
});
let view = (
<View>
<ScrollView>
{ campaignViews }
</ScrollView>
</View>
);
return view;
}
но если я поставлю строку вместо this.props.imageFilePath, это сработает


Мне кажется, что «require (var)» невозможно в React Native, я всегда использовал require ('location'), вы можете попробовать сохранить строку в переменной.
требуют принимать только буквальную строку s
Реагировать на собственную переменную использования для файла изображения