reactjs - 仅为已部署的 React 应用程序获取“TypeError:this.state.users.map 不是函数”
问题描述
使用 React 构建了一个 Web 应用程序,以从 Firestore 数据库中提取用户信息。在本地运行应用程序时,它运行完美,我可以加载用户信息。部署后,我现在收到“TypeError:this.state.users.map 不是函数”消息,页面甚至无法加载。为什么它会在部署之前工作,解决方法是什么?
import React, { Component } from 'react';
import AllCoaches from '../components/search/AllCoaches';
import Banner from '../components/layout/banner';
import axios from 'axios';
// MUI Stuff
import Grid from '@material-ui/core/Grid';
import CircularProgress from '@material-ui/core/CircularProgress';
class coaches extends Component {
state = {
users: []
}
componentDidMount() {
axios.get('/coaches')
.then(res => {
console.log(res.data)
this.setState({
users: res.data
})
})
.catch(err => console.log(err));
}
render() {
let coaches = this.state.users ? (
this.state.users.map((user) => <AllCoaches user={user}/>)
) : ( <CircularProgress/> );
return (
<Grid container>
<Banner/>
{coaches}
</Grid>
);
}
}
export default coaches
解决方案
推荐阅读
- react-native - 如何将所有标记适合动态提供的给定坐标?(反应原生地图)
- r - as.POSIXct,时区部分被忽略
- php - 如何访问 php.ini 并将 file_upload 指令设置为“on”
- javascript - mobx -state-tree 中的代理
- c# - 蓝牙 Fit 手表连接 Xamarin Android
- python-3.x - 如何在 python 中使用 argparse 分隔空格分隔的参数
- arrays - 比较一个数组中的每个元素,该数组包含另一个数组中的所有元素
- javascript - 如何返回对象数组中重复值的总和以及返回非重复值的值?
- go - 如何处理 Go 源文件中函数之外声明的值的错误
- python - 根据python中的索引范围创建布尔列表