如何显示来自rest api的角材料表分页数据的总计数，该api当时正在读取10条记录

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

const MaterialTable = () => {
  const [records, setRecords] = useState([]);
  const [totalCount, setTotalCount] = useState(0);

  useEffect(() => {
    // 调用API获取分页数据的记录列表
    // 这里使用fetch作为示例，您可以根据实际情况选择合适的库或方法来进行API调用
    fetch('/api/materials?page=1&limit=10')
      .then(response => response.json())
      .then(data => {
        setRecords(data.records);
        setTotalCount(data.totalCount);
      })
      .catch(error => {
        console.error('Error:', error);
      });
  }, []);

  return (
    <div>
      <table>
        {/* 呈现记录列表 */}
        <tbody>
          {records.map(record => (
            <tr key={record.id}>
              <td>{record.name}</td>
              <td>{record.description}</td>
              {/* 其他字段 */}
            </tr>
          ))}
        </tbody>
      </table>
      {/* 显示总计数 */}
      <p>Total Count: {totalCount}</p>
    </div>
  );
};

export default MaterialTable;