首页 > 解决方案 > this.state.data.map 不是函数

问题描述

我正在使用 React 和 Facebook Graph API 进行 API 调用

API 工作正常,但地图方法正在显示

this.state.data.map不是函数

import React, { Component } from 'react';
import axios from 'axios';

 class user extends Component {

    constructor(props){

        super(props);

        this.state={
            data:[123]
        }

    }
    componentDidMount() {
        axios.get("facebook url")
          .then(response => {
              if (response.status === 200 && response != null) {
                this.setState({
                     data: response.data
                });
         } else {
           console.log('problem');
         }
    })
    .catch(error => {
        console.log(error);
    });
  }
      render(){
          return (
                  <div>
                      {this.state.data.map((item,index) => {
               return (
                 <div key={item.id}>

                            <h1>{item.message}</h1>

                 </div>

             );
                  })}
                  </div>

              );
      }
    }
    export default user;

标签: reactjsfacebook-graph-api

解决方案


推荐阅读