大家好，我正在尝试向我的反应应用程序显示 mongodb 中的员工总数

Question

import React, { useState, useEffect } from 'react';
import axios from 'axios';

function Count() {
  const [staff, setStaff] = useState([]);

  useEffect(() => {
    const fecthData = async () => {
      await axios.get('http://localhost:5000/api/users').then((res) => {
        setStaff(res.data);
        console.log(staff);
      });
    };
    fecthData();
  }, []);

  return (
    <div className='row'>
      <div className='col-md-8'>
        <ul className='list-group'>
          {staff.map((staff, index) => (
            <li key={index}>{index}</li>
          ))}
        </ul>
      </div>
    </div>
  );
}

export default Count;

Answer 1

尝试将您的fetchData function 更改为（您将async await与then处理Promise ）：

const fecthData = async () => {
      try {
        const { data } = await axios.get('http://localhost:5000/api/users');
        setStaff(data);
        console.log(staff);
      } catch (err) {
        console.log(err);
      }
    };