javascript - 数组似乎已满，直到我尝试使用它

Question

我有一个对象，其中包含我想要映射的项目数组。当我 console.log 对象时，它将返回对象和填充的数组。

console.log 的输出(this.props.pkmns)

{
  "pkmns": [
    {
      "url": "http://pokeapi.salestock.net/api/v2/pokemon-species/1/",
      "name": "bulbasaur"
   },
    {
      "url": "http://pokeapi.salestock.net/api/v2/pokemon-species/2/",
      "name": "ivysaur"
    },
    {
      "url": "http://pokeapi.salestock.net/api/v2/pokemon-species/3/",
      "name": "venusaur"
    }
  ]
}

当我专门 console.log 数组时，它返回空。

console.log 的输出(this.props.pkmns.pkmns):

[]

和代码

class PkmnContainer extends React.Component {
  componentDidMount(props){
    return this.props.startPkmn()
}

  render(){
    return(
      <div>
        {console.log(this.props.pkmns)}
        {console.log(this.props.pkmns.pkmns)}
        {this.props.pkmns.pkmns.map((pkmns)=>{
          <p>{pkmns}</p>
        })}
      </div>
    )
  }
}

const mapStateToProps = state => {
  return {
    'pkmns': state.pkmns
  }
}

const mapDispatchToProps = dispatch => ({
  startPkmn: () => {
    return dispatch.pkmns.start()
  }
})

export default connect(mapStateToProps, mapDispatchToProps)(PkmnContainer);

我应该怎么做才能通过这个数组进行映射？

full code here

Answer 1

this.props.pkmns.pkmns.map((pkmns)=>{
      <p>{pkmns}</p>
    })

似乎有一个拼写错误，并且 pkmns 太多。尝试使用 this.props.pkmns.map。