Reactjs 不显示获取Json数据

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

所以我有一个函数,它返回json格式的用户列表。 我想逐条打印列表,如下所示: 用户1 用户2 用户3 但结果却一文不值。 我刚开始使用react,有什么帮助吗

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(数据)看看你是否得到了它吗?代码看起来没问题