は動的

Question

こんにちはみんなは私のpersonas ={[]}それは私はすでにこれを試してみました。この

{this.props.personas.map(thumbnail => { 
     return <div><img src={this.props.thumbnail /}></div> 
    })} 

のようなものをthis.props.personas.map使うべきでは各サムネイル用のdivを作成しようとイム各オブジェクトのサムネイルを作成しますが、リアクトここで失敗したのは私のビンです。 Bin

何が間違っているのですか

Answer 1

画像のsrcがpersonas配列であると仮定しています（サムネイルと呼んでいますが、一貫性のために代わりにペルソナを使用します）。もしそうなら、あなたはさておき代わりthis.props.thumbnail

{ 
    this.props.personas.map((persona, i) => { 
    return <div key={i}><img src={persona.thumbnail} /></div> 
    }) 
} 

の答えをペルソナを使用する必要があり、動的に生成されたコンポーネントを上支えるkey使用することをお勧めします。ここのキーについて：https://facebook.github.io/react/docs/lists-and-keys.html#keys