簡體   English   中英

無法讀取未定義的屬性“ map”(ReactJS和AJAX)

[英]Cannot read property 'map' of undefined ( ReactJS & AJAX)

嘗試在表中顯示我的數組。 數組從AJAX請求中獲取。 我正在使用Redux

class IncomeProfile extends Component {
  constructor(props) {
    super(props)
  }

  componentDidMount() {
    this.props.IncomeListProfile();
      }

render() {
        var elems = this.props.items.course_list;
      console.log(elems);
        return (
          <div>
            <table>
              {elems.map((item) => (

              <tr key={item.course_id}>
                <td>{item.name}</td>
              </tr>

              ))}
            </table>
          </div>
        )
      }

}

const mapDispatchToProps = function(dispatch) {
  return {
      IncomeListProfile: () => dispatch(IncomeProfileList())
      }
  }

const mapStateToProps = function(state) {
  var mystore = state.toArray();
  //console.log(mystore[6]);
  return {
     items: mystore[6]
        };

}
export default connect(mapStateToProps, mapDispatchToProps)(IncomeProfile);

Console.log首先打印“ undefined”,然后打印: 在此處輸入圖片說明

if (elems) { }沒有幫助,請嘗試在render方法中添加條件

利用以下

var elems = this.props.items['course_list'];
 var copy = Object.assign({}, elems); 
 console.log(elems.course_list);

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM