我正在构建一个react应用程序，并使用以下代码从API获取数据：

import './App.css';
import {useEffect, useState} from 'react';

function App() {
  const [records, setRecords] = useState([]);

  useEffect(()=>{
    getData();
  }, []);

  const getData = async() => {
    const response = await fetch('https://localhost:7280/api/Student/GetAll')
    const recdata = await response.json
    setRecords(recdata["data"])
  }

  return (console.log(records));
}

export default App;

字符串
当我检查网络调用时，API返回以下响应：

{
"data": [
    {
        "id": 1,
        "firstName": "Harinda",
        "lastName": "Vithana",
        "email": "[email protected]",
        "telephone": "0744896164",
        "nic": "199400560123"
    },
    {
        "id": 3,
        "firstName": "John",
        "lastName": "Cena",
        "email": "[email protected]",
        "telephone": "077164164",
        "nic": "78452123545"
    }
],
"success": true,
"message": ""
}

型
但在控制台中，它输出以下结果，而不是来自响应

的数据
我是React的新手，所以我不知道是什么导致了这个问题，或者这是否是获取数据的正确方法。如果我错过了一些明显的东西，请道歉。