× TypeError: Невозможно прочитать "карту" свойства неопределенного значения. обнаружена ошибка

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

Внутри карты вы должны использовать user не users , поэтому код будет

{ users.map((user) => (
          <UserItem key={user.id} user={user} />
))}

Because, you are passing user as a argument for callback function not users.

Answer 2

используйте условный оператор && на карте перед

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