响应数据表中的数据表父控件

import React, { useState } from 'react';

function ParentComponent() {
  const [data, setData] = useState([]);

  function handleDataChange(newData) {
    setData(newData);
  }

  return (
    <div>
      <ChildComponent onDataChange={handleDataChange} />
      <DataTable data={data} />
    </div>
  );
}

function ChildComponent({ onDataChange }) {
  function updateData() {
    const newData = // 获取新数据的逻辑
    onDataChange(newData);
  }

  return <button onClick={updateData}>Update Data</button>;
}

function DataTable({ data }) {
  return (
    <table>
      {/* 渲染数据的逻辑 */}
    </table>
  );
}

import { FixedSizeList as List } from 'react-window';

function DataTable({ data }) {
  const Row = ({ index, style }) => (
    <div style={style}>
      {data[index]}
    </div>
  );

  return (
    <List
      height={400}
      itemCount={data.length}
      itemSize={35}
      width={300}
    >
      {Row}
    </List>
  );
}