TypeError: pokemon.map不是一个函数

Question

我刚刚开始学习function，我正在尝试用pokemon api构建一个function应用程序，并得到了以下错误：TypeError: pokemon.map is not a function，我不知道为什么.map不是js中的函数，它与我的扩展或者下面的代码有关吗？请帮忙，谢谢你提前！

App.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>
  );
}

Pagination.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"]的方括号。