使用useState造成重复渲染，解决办法

查询完能得到结果，然后点重置，会把刚刚查询的结果再渲染到前面，后面开始是所有的数据

• 原因

这个问题可能是由于异步请求的延迟导致的。在点击重置后，重置函数会立即被调用并开始发送异步请求获取新的列表数据，但是在新数据返回之前，上一次请求的数据仍然存在，因此会导致列表数据中包含上一次查询的结果。

• 解决办法

为了解决这个问题，你可以在重置函数中添加一个清空列表数据的步骤，确保在发送新的请求之前，列表数据被清空。修改代码如下：

const fetchData = (para: any) => { 
... 其他逻辑
setTableDetailData([]); // 清空列表数据 
... 其他逻辑 };

通过添加 setTableDetailData([]) 这一行，可以在每次点击重置时清空列表数据，确保新的数据可以正确显示。