这个搜索栏函数在jsonplaceholder上工作正常，但是一旦我将其更改为reqres，它就不起作用

Question

我用HTML创建了一个模板，用这个函数我将一些卡片克隆到一个空的div中。我从API获取信息。

一开始，它可以使用不同的API，但后来我想向用户添加照片，所以我决定在中获取reqres。我更改了名称和内容，但div没有显示。

const userCardContainer = document.querySelector('[data-user-cards-container]')
const userCardTemplate = document.querySelector('[data-user-template]')
const searchInput = document.querySelector('[data-search]')
let users = []
fetch('https://reqres.in/api/users?page=2').then(res => res.json()).then(data => {
users = data.map(user => {
const card = userCardTemplate.content.cloneNode(true).children[0]
const header = card.querySelector('[data-header]')
header.textContent = user.last_name
const body = card.querySelector('[data-body]')
body.textContent = user.first_name
userCardContainer.append(card)
return {
first_name: user.first_name,
last_name: user.last_name,
element: card
}
});
})

Answer 1

您试图对返回数据(对象(运行map函数，但只能在数组上运行map。