#reactjs #image
Вопрос:
import React from 'react'; import Gallery from '../Gallery/Gallery'; const Galleries = (props) =gt; { const galleries = [ { name: 'natur', src: ' ../../Images/photographer-gfc1c015b1_1920.jpg', }, { name: 'moutain', src: ' ../../Images/photographer-gfc1c015b1_1920.jpg', }, ]; return ( lt;divgt; {/* generate the numbre of data */} lt;h1gt;I have {galleries.length} Imageslt;/h1gt; {galleries.map((gallery) =gt; ( lt;Gallery name={gallery.name} galery={gallery.src} /gt; ))} lt;/divgt; ); }; export default Galleries; import React from 'react'; const Gallery = (props) =gt; { return ( lt;divgt; lt;h1gt;{props.name}lt;/h1gt; lt;img src={props.src} alt="" style={{ height: '200px', width: '300px' }} /gt; lt;/divgt; ); }; export default Gallery; Комментарии:
1. здравствуйте, спасибо за ваш ответ, но он тоже не работает
2. когда я осматриваю элементы, я вижу следующее : lt;img alt=»» стиль=»высота: 200 пикселей; ширина: 300 пикселей;»gt;. Так что мой SRC не работает
Ответ №1:
вот ваша ошибка, используются неправильные реквизиты, вы проходите это lt;Gallery name={gallery.name} galery={gallery.src} /gt;
измените эту строку, это неправильная строка, используя src , но вы никогда не проходили src,
lt;img src={props.src} alt="" style={{ height: '200px', width: '300px' }} /gt; измените на это, это будет работать нормально, props.galery работает
lt;img src={props.galery} alt="" style={{ height: '200px', width: '300px' }} /gt;