Реагировать js карта не является функцией

Question

Привет, у меня есть следующий компонент, называемый списком проектов

const ProjectList = ({projects}) =>{ 
    console.log({projects})
    return(
        <div>
                <h1>Nothing to do</h1>
        </div>
    )
}
export default ProjectList;

Пропорция {projects} получает это:

Когда я попытался отобразить объект, я получил сообщение об ошибке "projects.map не является функцией

const ProjectList = ({projects}) =>{ 
    console.log({projects})
    return(
        <div>
         {projects && projects.map (project => { 
            return (
                <ProjectSummary project={project} key={project.id}></ProjectSummary>
                )
            })}
        </div>
    )
}

И, пытаясь отладить, объект {projects} теперь пуст:

Answer 1

Хорошее место для начала было бы попробовать войти в систему Array.isArray(projects), похоже, на ваших вторых скриншотах проекты возвращаются как Объект. Как вы знаете, .map - это прототип Array.

Для итерации пар ключ: значение в объекте вы можете попробовать (что-то вроде):

const projectKeys = Object.keys(projects)
projectKeys.map(key => { return projects[key] });