Javascript 数组似乎已满,直到我尝试使用它
我有一个对象,其中包含一组要映射的项。当I console.log记录对象时,它将返回对象和填充的数组 console.log(this.props.pkmns)的输出 当我指定console.log数组时,它返回空 console.log(this.props.pkmns.pkmns)的输出: 代码呢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
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>
})