×类型错误： 无法读取未定义的属性'map'。发现错误

Question

任何人都可以帮我解决这个问题吗？

const Users = ({ users, loading }) => {
if (loading) {
return <Spinner />
} else {
return (
<div style={userStyle}>
{users.map((user) => (
<UserItem key={users.id} user={user} />
))}
</div>
)
}
}

Answer 1

在映射之前使用条件运算符&&

const Users = ({ users, loading }) => {
if (loading) {
return <Spinner />
} else {
return (
<div style={userStyle}>
{users && users.map((user) => (
<UserItem key={user.id} user={user} />
))}
</div>
)
}
}

Answer 2

在映射中，您应该使用用户而不是用户，因此代码将是

{ users.map((user) => (
<UserItem key={user.id} user={user} />
))}
Because, you are passing user as a argument for callback function not users.