反応ネイティブのステートレスコンポーネントへの小道具の送信

Question

画像ソースとタイトルを、React Nativeのカスタムメイドのステートレスコンポーネントに、小道具として送信しようとしています。 （画像ソースとタイトル）

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

を置き換える

するvar ImageSourceは=必要（{props.imageSource}）;ここで問題のコードです

するvar ImageSourceは=必要とする（props.imageSource）と

。

props.imageSourceあなたは

を使用するために十分である、あなたの文字列を与えるだろう