Javascript 数组似乎已满,直到我尝试使用它

Javascript 数组似乎已满,直到我尝试使用它,javascript,reactjs,redux,Javascript,Reactjs,Redux,我有一个对象,其中包含一组要映射的项。当I console.log记录对象时,它将返回对象和填充的数组 console.log(this.props.pkmns)的输出 当我指定console.log数组时,它返回空 console.log(this.props.pkmns.pkmns)的输出: 代码呢 class PkmnContainer extends React.Component { componentDidMount(props){ return this.props.s

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

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

当我指定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);
类PkmnContainer扩展React.Component{ 组件安装(道具){ 返回这个.props.startPkmn() } render(){ 返回( {console.log(this.props.pkmns)} {console.log(this.props.pkmns.pkmns)} {this.props.pkmns.pkmns.map((pkmns)=>{ {pkmns}

})} ) } } 常量mapStateToProps=状态=>{ 返回{ “pkmns”:state.pkmns } } const mapDispatchToProps=调度=>({ startPkmn:()=>{ return dispatch.pkmns.start() } }) 导出默认连接(MapStateTrops、mapDispatchToProps)(PkmnContainer); 我应该怎么做才能映射到这个数组

this.props.pkmns.pkmns.map((pkmns)=>{
{pkmns}

})

似乎有一个打字错误和一个
pkmns
太多了。尝试使用
this.props.pkmns.map

你能写出第一个控制台的输出吗?logs?@MstrQKN:输出是对象和空数组。你能把你的代码放在沙箱或jssfiddle中吗?因为你按照你提供的代码所做的似乎是正确的。我猜这是一个组合,我认为这篇文章可以帮你一点忙
[]
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);
this.props.pkmns.pkmns.map((pkmns)=>{
      <p>{pkmns}</p>
    })