Отправка реквизитов для компонентов без гражданства в ответном нативном

Question

Я пытаюсь отправить источник изображения и заголовок на пользовательский компонент без гражданства в React Native, в качестве реквизита. (imageSource и Title)

Линия props.imageSource вызывает ошибку, любая помощь оценивается. Вот код, о котором идет речь:

const MainPageButton = (props) => { 

    var imageSource = require({props.imageSource}); 

    return (
     <TouchableOpacity> 
      <Image source={imageSource} /> 
      <Text>{props.title}</Text> 
     </TouchableOpacity> 
    ) 
} 

Answer 1

Вы должны использовать вместо object destructuring:

const MainPageButton = ({imageSource, title}) => { 

    var imageSource = require(imageSource); 

    return (
    <TouchableOpacity> 
     <Image source={imageSource} /> 
     <Text>{title}</Text> 
    </TouchableOpacity> 
) 
} 

Answer 2

заменить

вар ImageSource = требуется ({props.imageSource});

с

вар ImageSource = требуется (props.imageSource);

props.imageSource даст вам строку, которая является достаточно для того, чтобы использовать