JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – React js map()undefined不是函数大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我是React的新手,我有点疯狂,想弄清楚我做错了什么.我试图遍历一个从ajax调用得到的json数组.当我模拟数据它完美地工作,但是当我进行ajax调用以获得完全相同的数据时,它给我undefined不是一个函数(评估’this.state.list.map()’)

数组:

[{“name”:“drop1”},{“name”:“drop2”},{“name”:“drop3”}]

功能:

var List = React.createClass({
  geTinitialState: function() {
   return {data: {}};
 },componentDidMount: function() {
   $.ajax({
       url: ACTUAL_URL,dataType: 'json',success: function(data){
         this.setState({data: data});
       }.bind(this),error: function(xhr,status,err){
         console.error(url,err.toString());
       }.bind(this)
     });
  },render: function() {
    return (
      <ul className="droplist">
        {this.state.data.map(function(l){
           return (<li>{l.namE}</li>)
        })}
      </ul>
    );
  }
});

任何帮助深表感谢.

解决方法

更改你的geTinitialState(). 目前,您的数据是对象文字,对象文字不支持map(). 将其更改为数组.

大佬总结

以上是大佬教程为你收集整理的javascript – React js map()undefined不是函数全部内容,希望文章能够帮你解决javascript – React js map()undefined不是函数所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。