Рендеринг array.map в React Native
Я создаю приложение при использовании. Я создаю много ящиков, чтобы увидеть, как оно используется. Я создаю его с помощью
Array(400) .fill(info).map (info => {return <AlbumBox info = {info} />})
Получите данные объекта и передайте их в информационной переменной для создания ящиков. Структура находится в другом компоненте только для передачи данных
Только в консоли есть то, что в аранжировке, если поставить в константу
`` `
render() {
const info = {
img: 'https://Beatles_-Abbey_Road.jpg',
name: 'The Beatles - "Abbey Road',
likes: 200,
comments: 140,
}
const map = Array(1).fill(info).map(info =>{
return <AlbumBox info = {info}/>
})
console.warn(map)
return (
<ScrollView style = {styles.container}>
<AlbumBox info = {info}/>
{
Array(500).fill(info).map(info =>{
return <AlbumBox info = {info}/>
})
}
</ScrollView>
);
```
Идея состоит в том, что я генерирую на экране 500 ящиков, которые только что отправили эту переменную в виде цикла.
Если вы правы, я новичок в использовании реакции, это всего лишь небольшой тест с использованием ScrollView, и если я нашел информацию, но только для реакции, но не для того, чтобы использовать ее в React Native
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Я попробовал то же самое, только заменил ваши компоненты на p для простоты:
render() {
const info = {
img: 'https://Beatles_-Abbey_Road.jpg',
name: 'The Beatles - "Abbey Road',
likes: 200,
comments: 140,
}
return (
<div>
{
Array(500).fill(info).map(info => {
return <p>{info.name}</p>
})
}
</div>
);
}
И здесь он работает нормально, это рабочий пример связь. Также здесь — прекрасно работающий пример вашего кода.
Боюсь, не совсем понятно, о чем вы спрашиваете. Также кажется странным повторять объект такой же 500 раз в массиве, что является частью путаницы. Какова ваша фактическая отправная точка, каков желаемый результат и где конкретно вы застряли? Очень хочется помочь, но...