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语句中有多行，则需要大括号。 Do 'if' statements in JavaScript require curly braces?

如何循环显示多个图像以模态显示

1 个答案: