Как загрузить изображение в реакции (модуль ошибки не найден)?

Question

Я пытаюсь показать несколько изображений с помощью функции map, но получаю эту ошибку

Не удается найти модуль '../../assets/images/logo-full.png'

Код, который работает нормально в методе рендеринга

{[require('../../assets/images/logo-full.png')].map((i)=><img key={i} src={i}></img>)}

Код, который не работает в методе рендеринга и выдает ошибку выше и почему ??

{['../../assets/images/logo-full.png'].map((i)=><img key={i} src={require(i)}></img>)}

Почему требуется элемент массива, а не src?

Answer 1

Как вы упомянули, изображения находятся в массиве, и вам нужно визуализировать изображения, запустив карту в вашем массиве.Таким образом, путь к изображению также должен присутствовать в массиве.

constructor(props){
    super(props);
    this.state={
        imageArr:[{'id':1,source:'pathofimage1'},{'id':2,source:'pathofimage2'}]
    }
}


render(){
    return (
        <div>
            {this.state.imageArr.map((item,index)=>{
                 return (
                     <div key={index}>
                     <img src={item.source} alt="image" />
                     </div>
                 )
            })
        </div>
    )
}

Answer 2

Вы не можете передать требуемую переменную.Это нужно знать во время компиляции, чтобы требовать работы.Это объясняется в документах.https://facebook.github.io/react-native/docs/images