javascript - 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 不是函数
为什么?这里有什么问题?
欣赏!
解决方案
如果您像我猜测的那样使用 axios ..
const res = await axios.get(queryString);
const arrayOfObjects = await res.data; // << what you use for map
推荐阅读
- react-native - 如何使用 axios 在 React Native 中上传多张图片?
- vue.js - axios 授权用户名和密码
- html - CSS 下拉菜单隐藏在内容后面(z-index 由于变换而不起作用)
- laravel - 如何在区域设置的 ResetPassword Notification 中翻译 Lang::get('Reset Password Notification')?
- java - th:object 和 th:field 带有红色下划线(错误:无法解析 'object/field')thymeleaf+spring boot
- 3d - 搅拌机。重新加载后链接的对象获得相同的位置和旋转
- django - 在运行时 Django 中保存 sql 查询
- python - 需要传递有效的令牌或设置环境变量
- c# - 体型不一致,使用表情体
- android - Flutter 及时变换图像