首页 > 解决方案 > React TypeError:this.state.projects.map 不是函数

问题描述

export default class Timeline extends Component{
state = {
    projects : [],
};

async componentDidMount(){
    const response = await api.get("/projects");

    this.setState({projects: response.data});
}

render(){
    return (
        <div className="timeline-wrapper">
           { this.state.projects.map(project => <h1>{project.name}</h1> )}
         </div>

    );       
}


}

此代码返回

TypeError:this.state.projects.map 不是函数

为什么?这里有什么问题?

欣赏!

标签: javascriptreactjs

解决方案


如果您像我猜测的那样使用 axios ..

const res = await axios.get(queryString);
  const arrayOfObjects = await res.data; // << what you use for map

推荐阅读