Как перебрать несколько изображений для отображения в модальном

Question

Я пытаюсь отобразить несколько (приблизительно 10) изображений в модальном режиме, просматривая каждое из них.Модальное окно открывается после нажатия на ссылку в ячейке таблицы, но в модальном режиме ничего не отображается.

Когда я отображаю только 1 изображение, оно отображается в модальном режиме.Я использую React.js в первый раз.Пожалуйста, помогите мне с решением моей проблемы.Заранее спасибо.

    }, {
        Header: 'Screenshot',
        accessor: 'screenshot',
        maxWidth: 100,
        Cell: row => {
            if (row.original.screenshot)
                var array = [];
            for (var i = 0; i < row.original.screenshot.length; i++) {
                array.push = <img src={"data:image/png;base64," + row.original.screenshot[i]} />
            }
            var Image = array.join('');
            return <a onClick={() => {
                this.setState({
                    screenShotModalOpen: true,
                    screenShotImage:
                        <div>
                            {Image}
                        </div>
                })
                    href={'javascript:void(0)'}>View</a>

            }}
        },
    }],
}]

Answer 1

Для вашего оператора if в line 169 добавьте фигурные скобки.Если в вашем выражении if есть несколько строк, то необходимы фигурные скобки. Требуются ли в JavaScript операторы if в фигурных скобках?