UnhandledPromiseRejectionWarning: SyntaxError: React Native

Возникла проблема при рендеринге представления. Попытка заполнить двумерный массив в 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)

UnhandledPromiseRejectionWarning: SyntaxError: React Native

Я хочу организовать массив как массив из двух D:

<Row>
  <Col>Wahid</Col>
  <Col>Sayem<Col>
</Row>
<Row>
  <Col>Amanot</Col>
  <Col>Shimul<Col>
</Row>

Получили идею из ссылки ниже. Но все еще сталкивается с проблемой при попытке реализовать: NativeBase: создание столбцов в строке

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

kkkkkkk 15.10.2018 11:47

нет, проверил :(

WahidSherief 15.10.2018 11:49

Добавьте функцию перед именем функции, также вам нужно добавить еще одну фигурную скобку, чтобы закрыть imagesArrayToGridArray

Basil Battikhi 15.10.2018 11:52

@BasilBattikhi Это, вероятно, часть тела class - люди всегда забывают опубликовать это

Bergi 15.10.2018 11:54

Он не упомянул, что это часть класса, и мы не должны ожидать счастливого сценария, так что я предполагаю, что они не являются частью класса, и если да, ему нужно добавить закрывающую фигурную скобку над функцией renderGrid

Basil Battikhi 15.10.2018 11:57

Я настоятельно рекомендую установить плагин Eslint для разработчиков javascript

Basil Battikhi 15.10.2018 11:58

@BasilBattikhi, спасибо, моя проблема закрывалась. С этого момента я буду использовать eslint.

WahidSherief 16.10.2018 15:30

Как я уже упоминал выше, отсутствовала закрывающая фигурная скобка

Basil Battikhi 16.10.2018 15:41
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
8
188
0

Другие вопросы по теме