Возникла проблема при отображении вида.Попытка заполнить двумерный массив в JSX.
Пример кода:
export default class ItemListScreen extends Component {
imagesArrayToGridArray(totalColumns) {
const albums = [
{
id: 1,
name: 'wahid'
},
{
id: 2,
name: 'sayem'
},
{
id: 3,
name: 'amanot'
},
{
id: 4,
name: 'shimul'
}
]
let gridArray = [[]];
let countColumns = 1;
for (var i = 0; i < albums.length; i++) {
gridArray[gridArray.length - 1].push(albums[i])
if (countColumns <= totalColumns) {
countColumns++;
}
if (countColumns > totalColumns && i !== albums.length - 1) {
countColumns = 1
gridArray.push([])
}
return gridArray
}
renderGrid(gridArray) {
return gridArray.map(row => (
<Row>{row.map(col => console.log({col}))}</Row>
))
}
renderView() {
let gridArray = this.imagesArrayToGridArray(2)
return <Grid>{this.renderGrid(gridArray)}</Grid>
}
render() {
const { contents } = styles;
return (
{
this.renderView()
}
);
}
}
В метропроцессоре выдается следующая ошибка:
(узел: 3956)UnhandledPromiseRejectionWarning: SyntaxError: E: /projects/NewProject/app/screens/ItemListScreen.js: неожиданный токен, ожидаемый;(60:26)
Я хочу расположить массив в виде двух D-массивов:
<Row>
<Col>Wahid</Col>
<Col>Sayem<Col>
</Row>
<Row>
<Col>Amanot</Col>
<Col>Shimul<Col>
</Row>
Есть идея снизу ссылку.Но все еще сталкивается с проблемой при попытке реализовать: NativeBase: генерировать столбцы в строке