Reactjs 不显示获取Json数据
所以我有一个函数,它返回json格式的用户列表。 我想逐条打印列表,如下所示: 用户1 用户2 用户3 但结果却一文不值。 我刚开始使用react,有什么帮助吗Reactjs 不显示获取Json数据,reactjs,Reactjs,所以我有一个函数,它返回json格式的用户列表。 我想逐条打印列表,如下所示: 用户1 用户2 用户3 但结果却一文不值。 我刚开始使用react,有什么帮助吗 export default function Users() { const classes = useStyles() const [UsersRow, setUsersRow] = React.useState() React.useEffect(() => { fetch("http://localh
export default function Users() {
const classes = useStyles()
const [UsersRow, setUsersRow] = React.useState()
React.useEffect(() => {
fetch("http://localhost:5000/users", {
method: "GET",
headers: {
"Content-Type": "application/json",
Authorization: "pass " + window.localStorage.getItem("access_token"),
},
})
.then(resp => {
return resp.json()
})
.then(data => {
setUsersRow(data)
})
.catch(error => {
console.log(error)
window.localStorage.removeItem("access_token")
window.location.replace("/")
})
}, [])
if (UsersRow === undefined) {
return <div />
}
return (
<div className={classes.root}>
<h1>Users</h1>
<Table className={classes.table} size="small">
<TableBody>
{UsersRow.map(row => (
<TableRow>
<TableCell align="left">{row.user}</TableCell>
</TableRow>
))}
</TableBody>
</Table>
</div>
)
}
后台函数:
@app.route('/users', methods=['GET'])
@jwt_required
def user_list():
list_1 = []
users = ldap.get_group_members('ship_crew')
for user in users:
list_1.append(str(user).split(",")[0].split("=")[1].encode())
return jsonify(list_1)
如果后端返回:
[
"User1",
"User2",
"User3"
]
然后,您将按如下方式渲染:
[
"User1",
"User2",
"User3"
]
<TableBody>
{UsersRow.map(user => (
<TableRow>
<TableCell align="left">{user}</TableCell>
</TableRow>
))}
</TableBody>
{UsersRow.map(用户=>(
{user}
))}
如果后端返回以下内容,则
行上不会有用户
属性:
[
"User1",
"User2",
"User3"
]
然后,您将按如下方式渲染:
[
"User1",
"User2",
"User3"
]
<TableBody>
{UsersRow.map(user => (
<TableRow>
<TableCell align="left">{user}</TableCell>
</TableRow>
))}
</TableBody>
{UsersRow.map(用户=>(
{user}
))}
行上不会有用户
属性您可以控制台.log(数据)并查看是否得到它吗?代码看起来很好。你能用console.log(数据)看看你是否得到了它吗?代码看起来没问题