Javascript 如何在JSX中循环对象数组？

我是一个新的反应者，我正在使用JSX，我需要一种方法来循环我拥有的对象数组。我使用了

map

方法，但它在控制台中给了我这个错误：

TypeError:box.map不是一个函数，其中
box
是包含对象的数组

这是我的
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; 

从“React”导入React；
从“/FaceRecognition”导入FaceRecognition；
const FaceRecognitionList=（{imageUrl，box}）=>{
控制台日志（框）
返回(
{
方框图（（方框，i）=>{
返回(
);
})
}
);
}
导出默认人脸识别列表；
试试看

Object.entries（box.map）（[key，vaue]）=>console.log（key，value））

否则，请尝试

Object.keys（box.map）（key=>box[key]）
您的控制台是什么。
框的日志
？请发布两个像这样的对象：
Object{}
和
Object{}
Typo-我认为应该是Object.entries而不是entries:）