export default function DynamicsInputs({ apiData }) {
const column = apiData.map((option) => return{
header: option.Title,
accessorKey: <input type='number'/>,
id:option.ID
});
return (
<div>
<CustomTable column={column} data={data} />
</div>
);
}我正在使用自定义表格来显示表格单元格中的数千个输入。当我获取数据时，页面被卡住了，我显示的动态输入也进入了一个自动关闭的模态框。有没有一种方法或优化的方式来显示成千上万的输入，而不会让我的页面卡住，并停止关闭模态
1条答案
按热度按时间wmtdaxz31#
用户无法从自定义表中一次读取1000个输入。
通常，API一次提供那么多信息并不是一个好的做法。我们总是通过使用分页来处理这些数据量。
如果我和你有同样的问题，如果API不提供分页选项，我会把这些数据保存在我的应用程序内存中，我会创建一个带有双向虚拟滚动器（向上/向下滚动）的组件，在滚动时，我会处理前一个并呈现下一个。
如果API提供了一个分页，那么我将使用类似generators的东西来产生下一个页面的响应（并使用运行时mem进行缓存）。
至于用户应该能够访问的输入数量，这主要取决于应用程序的设计。