Возникла проблема при рендеринге представления. Попытка заполнить двумерный массив в 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.info({col}))}</Row>
))
}
renderView() {
let gridArray = this.imagesArrayToGridArray(2)
return <Grid>{this.renderGrid(gridArray)}</Grid>
}
render() {
const { contents } = styles;
return (
{
this.renderView()
}
);
}
}
В сборщике метро выдает следующую ошибку:
(node:3956) UnhandledPromiseRejectionWarning: SyntaxError: E:/projects/NewProject/app/screens/ItemListScreen.js: Unexpected token, expected ; (60:26)
Я хочу организовать массив как массив из двух D:
<Row>
<Col>Wahid</Col>
<Col>Sayem<Col>
</Row>
<Row>
<Col>Amanot</Col>
<Col>Shimul<Col>
</Row>
Получили идею из ссылки ниже. Но все еще сталкивается с проблемой при попытке реализовать: NativeBase: создание столбцов в строке
нет, проверил :(
Добавьте функцию перед именем функции, также вам нужно добавить еще одну фигурную скобку, чтобы закрыть imagesArrayToGridArray
@BasilBattikhi Это, вероятно, часть тела class - люди всегда забывают опубликовать это
Он не упомянул, что это часть класса, и мы не должны ожидать счастливого сценария, так что я предполагаю, что они не являются частью класса, и если да, ему нужно добавить закрывающую фигурную скобку над функцией renderGrid
Я настоятельно рекомендую установить плагин Eslint для разработчиков javascript
@BasilBattikhi, спасибо, моя проблема закрывалась. С этого момента я буду использовать eslint.
Как я уже упоминал выше, отсутствовала закрывающая фигурная скобка



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


похоже, вам не хватает одного
}на линии60