javascript - React this.state.names.map is not a function

问题描述

问 题

1: 遍历数据出错

const Dashboard = React.createClass({
    getInitialState:function(){
        return{
            names:[]
        }
    },
    componentDidMount:function(){    
        var test={
            "list": [
                {
                    "id": 1
                },
                {
                    "id": 7
                },
            ]
        }
        this.setState({names:test})
    },
    render() {
        return (
                <div>
                    {
                        this.state.names.map(function (list) {
                            return <div>Hello, {list.id}!</div>
                        })
                    }
                   
                </div>
            )
    }
})

数据取不到，this.state.names.map is not a function报这个错 是数据类型有问题么，没找出具体问题？

解决方案

你的componentDidMount中把names设置为对象了。
对象没有map方法，数组才有

这篇关于javascript - React this.state.names.map is not a function的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！