获取数据不会在前端打印或显示

Question

所以我这里有一个获取用户数据的代码，所以在邮递员中就像这样

现在，当我在前端执行此操作时，它没有获取它的数据，这是我的代码的挂钩状态

  const [records, setRecords] = useState([]);

  useEffect(() => {
    const fetchUser = async () => {
      const records = await axios.get('/api/users')
      setRecords(records)
    };
    fetchUser();
  }, [])

这是我获取名字数据的示例

 <div>
          <ul>
            {records.map((record, index) => {
              return <li key={index}>{record.email_address}</li>
            })}
          </ul>
         </div>

Answer 1

axios.get

返回 HTTP 响应，而不仅仅是内容。使用

data

属性，这应该可以工作。

const [records, setRecords] = useState([]);

  useEffect(() => {
    const fetchUser = async () => {
      const res = await axios.get('/api/users')
      setRecords(res.data)
    };
    fetchUser();
  }, [])