如何遍历JSX中的对象数组？

我是React的新手，正在使用JSX，我需要一种方法来遍历我拥有的对象数组。我使用了mapmethod，但是它在控制台中给了我这个错误：包含对象的数组TypeError: boxes.map is not a function在哪里boxes。

这是我的FaceRecognitionList组件代码：

import React from 'react';
import FaceRecognition from './FaceRecognition';

const FaceRecognitionList = ({ imageUrl, boxes }) => {
    console.log(boxes)
    return (
        <div>
            {
                boxes.map((box, i) => {
                    return (
                    <FaceRecognition
                    key={i}
                    left={boxes[i].leftCol} 
                    top={boxes[i].topRow} 
                    right={boxes[i].rightCol}
                    bottom={boxes[i].bottomRow}
                    imageUrl={imageUrl}
                    />
                );
            })
        }
        </div>
    );
}
export default FaceRecognitionList;