Ошибка типа: pokemon.map не является функцией

Question

Я только начал изучать реакцию, я пытаюсь создать приложение реагирования с API pokemon и получил следующую ошибку: TypeError: pokemon.map is not a function, я не уверен, почему .map не является функцией в js это как-то связано с моими расширениями или кодом ниже? Пожалуйста, помогите, спасибо заранее!

Приложение. js

import React, { useState } from 'react';
import PokemonList from './PokemonList'


function App() {
  // eslint-disable-next-line
  const [pokemon, setPokemon] = useState("pokemon-1", "pokemon-2")
  return (
    <PokemonList pokemon={pokemon}/>
  );
}

export default App;

index. js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(<App />, document.getElementById('root'));

PokemonList. js

import React from 'react';

export default function PokemonList ({pokemon}) {
  return (
    <div>
    {pokemon.map(p =>(
      <div key={p}>{p}</div>
    ))}
    </div>
  );
}

Пагинация. js

import React from 'react';

export default function Pagination() {
  return (
    <>

    </>
  );
}

Answer 1

Вы, вероятно, хотели сделать значение по умолчанию pokemon массивом const [pokemon, setPokemon] = useState(["pokemon-1", "pokemon-2"])

Обратите внимание на квадратные скобки вокруг двух строковых значений ["pokemon-1", "pokemon-2"]