Массив кажется заполненным, пока я не попытаюсь использовать его

Question

У меня есть Объект с массивом элементов, которые я хочу отобразить.Когда я console.log Object, он вернет Object и заполненный массив.

вывод из 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, массив возвращает пустой.

вывод из консоли.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);

Что я должен сделать, чтобы иметь возможность отобразить этот массив?

полный код здесь

Answer 1

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

Кажется, опечатка и pkmns слишком много.Попытки с this.props.pkmns.map.