2017-08-02 6 views
2

リアクション初心者はここに。リアクション - 地図で見た画像

Iラベルのマップを持っている[ 'A'、 'B'、 'C​​']

Iはそれぞれ(a.jpg、b.jpg、c.jpg)

方法について画像を有しますイラストを含む/必要とし、各イメージをマップの一部として表示しますか?

すべてのヘルプ感謝:D

+0

はあなたのラベルとマップとの間の関係がありますか?例えば'a' - > a.jpg、 'b' - > b.jpg – Umesh

答えて

0
var Foo = React.createClass({ 
    render: function() { 
    const images = ['a','b','c'] 
    const imagesElements = images.map(e => { 
    return (
    <img src={`${e}.jpg`} /> 
    ) 
    }); 

    return(
    <div> 
    {imagesElements} 
    </div> 
    ) 
} 
}); 

ReactDOM.render(
<Foo name="bar" />, 
document.getElementById('container') 
); 

https://jsfiddle.net/69z2wepo/83751/

+1

ありがとうございました!ほとんどの{{$ {e} .jpg}}を助けてくれたビットは、今よりはるかに意味があります。ありがとうございました! –

+0

いつでも、いつでも:) –

関連する問題